위쪽 및 아래쪽 스크롤 페이지 JavaScript 탐색

각 섹션의 오른쪽에 위아래 화살표가 있습니다. 여기를 클릭하면 위쪽 또는 아래쪽 섹션을 스크롤합니다.위쪽 및 아래쪽 스크롤 페이지 JavaScript 탐색

<div class="next_section"><a id="after_contact"><img src="<?php echo get_stylesheet_directory_uri() ?>/img/arrow_top.png" width="73" height="36" alt="Prev Section"></a></div> 
<div class="next_section"><a id="after_work5"><img src="<?php echo get_stylesheet_directory_uri() ?>/img/arrow_next.png" width="73" height="36" alt="Next Section"></a></div>

문제는 모든 화살표가 페이지를 위아래로 스크롤하는 것이 아닙니다. 일부는 작동하지만 일부는 작동하지 않습니다. 나는 위 또는 아래의 영역 인 내 지식에 맞게 각각을 수정했지만, 어떤 화살표를 클릭하면 아무 것도하지 않을 것입니다.

무엇이 잘못 될지 알고 있습니까?

URL : http://www.londonadvertising.com/2011 Pastie 링크 : http://pastie.org/2913679

많은 감사

출처

2011-11-24 Tim

이 때문에 자바 스크립트가 어디 있는지 확인? 더 나은 아이디어를 얻기 위해 조금 더 슬라이스를해서 문제를 찾을 수 있습니까? –

shuold가 문제를 설명하고 문제를 지적하면 문제를 해결하고 도움을 받기가 어려워집니다. – Murtaza

나는 그것이 이것이라고 생각한다. 죄송합니다. 저는이 페이지의 개발을 맡았고 사용 된 것이 확실하지 않습니다. 나는 이것이 이것이라고 생각한다 : http://www.londonadvertising.com/2011/wp-content/themes/london/js/jquery.nav.min.js와 http://www.londonadvertising.com/2011/wp -content/themes/london/js/jquery.scrollTo-min.js – Tim

페이지 탐색의 문제는 아니 모든 < A> 태그 ID가 고유이다.

JavaScript는 특정 ID가있는 요소 중 첫 번째 요소 만 찾고 있으며 그 요소 만 작동합니다. 그 이후에 ID라는 이름을 가진 다른 모든 사람들은 아무 것도하지 않을 것입니다.

확인하면 작동하는 유일한 화살표는 특정 ID의 첫 번째 발생입니다.

사업부의 의지 클래스 'next_section'아래에있는 모든 < A> 태그에 고유 ID를

<div class="next_section first"> 
<a id="after_work1"> <!-- <<<< ID must be unique --> 
    <img src="something.jpg" alt="Next Section"> 
</a> 
</div>

출처

2011-12-05 20:11:40

문제가 여전히 두려워요. http://www.londonadvertising.com/2011/을 보면 내 코드를 볼 수 있습니다. ScrollTo를 사용 가능하게하는 데 사용할 수있는 최상의 스크립트가 무엇인지 확실하지 않습니까? – Tim

원래 보았던 자바 스크립트는 위에서 언급 한 문제와는 별개로 잘 작동했습니다. 어떻게 스크립트를 변경 했습니까? ID가 모두 고유 한 경우 원본은 정상적으로 작동합니다. –

위쪽 및 아래쪽 스크롤 페이지 JavaScript 탐색

답변

관련 문제