Javascript 如何使滚动到目标平滑

Javascript 如何使滚动到目标平滑,javascript,jquery,html,Javascript,Jquery,Html,我已经设置了一个评论按钮,链接到页面的评论部分,如下所示 评论 此页面上的演示 当你点击它,你会被带到评论部分,现在我希望滚动是平滑的,我知道这是可能的,但找不到实现它的关键。我相信Stackoverflow中聪明的网页设计师会帮我解决这个问题 我希望它是这样的,检查这一页 向下滚动,你会看到一个返回顶部的按钮,它是如此光滑,我喜欢它,并希望像这样的东西 $("#topBtn").click(scrollToTop); function scrollToTop() { $('html,

我已经设置了一个评论按钮,链接到页面的评论部分,如下所示 评论

此页面上的演示

当你点击它,你会被带到评论部分,现在我希望滚动是平滑的,我知道这是可能的,但找不到实现它的关键。我相信Stackoverflow中聪明的网页设计师会帮我解决这个问题

我希望它是这样的,检查这一页

向下滚动,你会看到一个返回顶部的按钮,它是如此光滑,我喜欢它,并希望像这样的东西

$("#topBtn").click(scrollToTop);

function scrollToTop()
{
    $('html, body').animate({scrollTop:0}, 1000);
}
应该有用

编辑:这是针对非href的,当你想在a href上使用它时,你应该像这样修改它

function scrollToTop()
{
    $('html, body').animate({scrollTop:0}, 1000);
    return false;
}