0

所以我一直试图让 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');
});

所以我需要能够点击椅子，它会向上滑动椅子部分等等。我不知道为什么，但它似乎不起作用。请任何帮助都会很棒。先感谢您。

4

2 回答 2

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>
于 2012-04-16T15:47:08.753 回答
0

您应该使用锚标记：

<a id="chair" />
于 2012-04-16T15:43:21.337 回答