使用jquery animate滚动到页面顶部

时间:2013-05-02 09:42:54

标签: jquery scrolltop

我想放在页面的顶部,它应该将页面滚动到顶部。但是我希望滚动过程具有动画效果。我认为有可能通过使用动画但不知道如何?

请帮忙。 感谢

2 个答案:

答案 0 :(得分:38)

方式非常简单。在页面底部放置一个按钮,然后编写类似这样的事件

$('#spnTop').on("click",function() {
    $('html, body').animate({ scrollTop: 0 }, 'slow', function () {
        alert("reached top");
    });
});

这是

fiddle

答案 1 :(得分:7)

您可以为scrollTop

html, body属性设置动画
$('html, body').animate({
    scrollTop: "0px"
}, 800);

我建议你在问这些琐碎的问题之前做一些研究/阅读。谷歌可以在我们所有人都可以帮助你之前帮助你。