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

需要帮助才能运行jQuery ScrollTo插件

2 个答案: