Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
需要帮助让jQuery ScrollTo插件运行吗_Jquery_Scrollto - Fatal编程技术网

需要帮助让jQuery ScrollTo插件运行吗

需要帮助让jQuery ScrollTo插件运行吗,jquery,scrollto,Jquery,Scrollto,所以我一直在尝试让Ariel Flesher的jQuery Scroll插件工作,但运气不好。我查看了另一篇关于插件的帖子,但没有任何帮助。所以我创建了自己的帖子 HTML: 所以我需要能够点击椅子,它会向上滑动椅子部分,等等。我不知道为什么,但它似乎不起作用。求求你,任何帮助都会很好。提前谢谢。您应该使用锚定标签: <a id="chair" /> 执行以下操作: JS: HTML: 我注意到的另一件事是嵌套不正确:$('.nav').scrollTo('#chair

所以我一直在尝试让Ariel Flesher的jQuery Scroll插件工作,但运气不好。我查看了另一篇关于插件的帖子,但没有任何帮助。所以我创建了自己的帖子

HTML:


所以我需要能够点击椅子,它会向上滑动椅子部分,等等。我不知道为什么,但它似乎不起作用。求求你,任何帮助都会很好。提前谢谢。

您应该使用锚定标签:

<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>