javascript - 使用 JQuery 向下滑动到内部链接目标？

Question

所以我的网站上有一些内部链接，而且我是 JQuery 的新手。我想知道这是否有一种方法可以让用户单击内部锚定链接文本并使页面顺利“向下滑动”到内部链接目标？

    <li>apples</li>
    <li><a href="#benefits">Benefits of Joining</a></li>
    <li>peaches</li>
    ...

    ...

    ...

    ...

    ...

    <a name="benefits">Users of this site get the best benefits</a>

Answer 1

尝试这样的事情：

$('a').click(function() {
    $('html, body').animate({
        scrollTop: $('[name="' + $(this).attr('href').substr(1) + '"]').offset().top
    }, 1000);
    return false;
});​

参见小提琴例如：http: //jsfiddle.net/EdmxK/

如果你喜欢的话，你可能会在网上找到一些 jQuery 滚动插件。