如何使滚动目标平滑

时间:2012-05-20 09:35:17

标签: javascript jquery html

我已经设置了一个评论按钮,该按钮链接到页面的评论部分,就像这样 评论

此页面上的演示http://stramaxon.blogspot.com/2012/04/how-to-remove-shadows-from-pictures-in.html#disqus_thread

当你点击它时,你将被带到评论部分,现在我希望滚动顺利,我知道它是可能的但是找不到实现它的关键。我相信Stackoverflow中的智能网页设计师会帮助我。

我希望它是这样的,请查看此页面http://www.labnol.org/internet/bing-background-for-google-homepage/21303/

向下滚动,你会看到一个回到顶部的按钮,它非常流畅,我喜欢它并且想要这样的东西。

1 个答案:

答案 0 :(得分:2)

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

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

应该有效

编辑:那是非href,当你想在href上使用它时你应该像这样

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