Javascript 使用JQuery向下滑动到内部链接目的地？

所以我在我的网站上有一些内部链接，我对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>

苹果

桃子

... ... ... ... ... 这个网站的用户得到了最好的好处

---

尝试以下方法：

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

例如，请参见fiddle：

---

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

试试下面的方法：

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

例如，请参见fiddle：

---

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

如果你没有帮助，为什么还要评论？如果你没有帮助，为什么还要评论？