需要帮助让jQuery ScrollTo插件运行

Question

所以我一直试图让Ariel Flesher的jQuery ScrollTo插件工作，但没有运气。我已经检查过关于插件的其他帖子，但它没有帮助。所以我创建了我自己的帖子。

HTML：

<header> 
    <nav role="navigation"> 
     <ul class="nav"> 
      <li>a href="/" title="">Box</a></li> 
      <li>a href="/" title="">Table</a></li> 
      <li>a href="/" title="">Chair</a></li> 
     </ul> 
    </nav> 
</header> 
<div id="main"> 
    <div id="box"></div> 
    <div id="table"></div> 
    <div id="chair"></div> 
</div> 

JS：

$(document).ready(function(){ 
    $('.nav').scrollTo('#chair'); 
}); 

所以我需要能够点击主席和它等等滑动椅子区段。我不知道为什么，但它似乎并不奏效。请任何帮助将是伟大的。先谢谢你。

Answer 1

做这样的事情：

JS：

$(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)); 
    }); 
}); 

HTML：

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

Answer 2

您应该使用一个锚标记：

<a id="chair" />