jQuery scrollTo/localScroll은 하나의 요소를 제외한 모든 요소에서 작동합니다.

Question

대행사를 위해 개발 한이 사이트를 살펴보십시오.

http://oakinteractive.co/

나는 섹션 사이에 스크롤 localScroll 플러그인을 사용하고 있습니다. 그들은 다른 섹션을 추가하라고 요청했고 어떤 이유로 든 플러그인이 무시 된 것 같습니다. "오늘의 엘릭서"를 클릭 한 다음 "제출"을 클릭하십시오. 섹션으로 스크롤하는 대신 URL로 건너 뛰고 해시가 URL에 나타납니다. 다른 링크들 중 어느 것도이 일이 일어나지 않습니다. 섹션 여기

<a href="#recipeForm"><img id="submit_elixir" src="grfx/submit.png" /></a> 

그리고있다 :

다음

$('#navContainer, #navShindigs, #navTidbits, #navBarnburners, #navLegend, #shindigs, **#recipeForm**').localScroll({ 
     target: '#contentViewport', 
     easing: 'easeOutSine' 
}); 

이 섹션에 대한 링크입니다 : 여기

이 강조 새로운 섹션으로 스크롤을 호출하는 데 사용되는 코드입니다

<div id="recipeForm"> 
     <section id="section_recipe"> 
      <fieldset> 
        <h2>Submit a Recipe</h2> 
        <form id="mailform" name="contact" method="post" action="inc/procMail.php"> 
        <label for="yourName">Your Name</label><input type="text" name="yourName" id="yourName" value="" /> 
        <label for="yourEmail">E-mail Address</label><input type="text" name="yourEmail" id="yourEmail" value=""/> 
        <label for="yourMessage">Your Recipe</label><textarea name="yourMessage" id="yourMessage" rows="3"></textarea> 
        <input type="image" name="Send Recipe" alt="Send Recipe" class="sendEmail" src="grfx/submit_button.png" /> 
        </form> 
      </fieldset> 
     </section> 
</div> 

사이트의 다른 모든 jQuery 코드는 다른 모든 요소에 대한 스크롤링을 포함하여 작동합니다 nts. 무시 될 것으로 보이는 부분이 추가 된 것입니다.

빛을 비추거나 어떤 통찰력을 제공 할 수 있습니까? 나는 전에 scrollTo 또는 localScroll 플러그인에 문제가 없었습니다.

Answer 1

다른 눈의 도움으로이 문제를 발견했습니다. 선택기 #recipeForm을 포함하는 대신 선택자 #elixir를 포함해야했습니다. #photobooth를 보는 것은 같은 방법입니다. localScroll을 호출하는 셀렉터는 끝 요소가 아닌 모든 컨테이너입니다. 최종 요소 중 일부가 선택기에 나열되는 경우가 종종 있습니다.