使用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滾動插件。