Question

看看我为代理商开发的这个网站。

我使用localScroll插件在各部分之间滚动。他们要我添加另一个部分，无论出于什么原因，插件似乎都被忽略了。点击＆＃34;当天的Elixir＆＃34;然后单击＆＃34;提交＆＃34;。它不是滚动到该部分，而是跳转到它，并且散列出现在URL中。没有其他链接会发生这种情况。

以下是用于调用滚动的代码，其中突出显示了新部分：

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

以下是该部分的链接：

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

以下是部分：

 <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代码都可以工作，包括滚动所有其他元素。只是这个被添加的部分似乎被忽略了。

任何人都可以放弃任何亮点或提供任何见解吗？我以前从未遇到过scrollTo或localScroll插件的问题。

Answer 1

我在另一双眼睛的帮助下找到了这个问题。而不是包括选择器#recipeForm我需要包括选择器#elixir。看#photobooth就是这样。调用localScroll的选择器都是容器，而不是结束元素。有时某些结束元素也会在选择器中列出时很难看到。

jQuery scrollTo / localScroll可以处理除一个元素之外的所有元素

1 个答案: