使用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滚动插件，如果这是你喜欢的。