需要帮助让jQuery ScrollTo插件运行吗
所以我一直在尝试让Ariel Flesher的jQuery Scroll插件工作,但运气不好。我查看了另一篇关于插件的帖子,但没有任何帮助。所以我创建了自己的帖子 HTML:需要帮助让jQuery ScrollTo插件运行吗,jquery,scrollto,Jquery,Scrollto,所以我一直在尝试让Ariel Flesher的jQuery Scroll插件工作,但运气不好。我查看了另一篇关于插件的帖子,但没有任何帮助。所以我创建了自己的帖子 HTML: 所以我需要能够点击椅子,它会向上滑动椅子部分,等等。我不知道为什么,但它似乎不起作用。求求你,任何帮助都会很好。提前谢谢。您应该使用锚定标签: <a id="chair" /> 执行以下操作: JS: HTML: 我注意到的另一件事是嵌套不正确:$('.nav').scrollTo('#chair
所以我需要能够点击椅子,它会向上滑动椅子部分,等等。我不知道为什么,但它似乎不起作用。求求你,任何帮助都会很好。提前谢谢。您应该使用锚定标签:
<a id="chair" />
执行以下操作: JS: HTML:
我注意到的另一件事是嵌套不正确:$('.nav').scrollTo('#chair');应该是$('body')。滚动到('#chair');
$(document).ready(function(){
$('.nav').scrollTo('#chair');
});
<a id="chair" />
$(document).ready(function(){
$('.nav a').bind('click', function() {
// Get href value from clicked link: "#chair", "#box"...
var target = $(this).attr('href');
// Scroll to it
$.scrollTo($(target));
});
});
<header>
<nav role="navigation">
<ul class="nav">
<li><a href="#box" title="">Box</a></li>
<li><a href="#table" title="">Table</a></li>
<li><a href="#chair" title="">Chair</a></li>
</ul>
</nav>
</header>
<div id="main">
<div id="box"></div>
<div id="table"></div>
<div id="chair"></div>
</div>