jquery – 动画返回页面顶部点击

我想动画滚动效果，以便在单击元素时将用户带到页面顶部。 有点像锚定到页面顶部但更顺畅。

我已经看到了这一点（不记得在哪里）。

有谁知道如何做到这一点？

Answer 1

你想将.animate()的scrollTop属性设置为0 ，如下所示：

 $("html, body").animate({ scrollTop: 0 }, 500); 

Answer 2

你可以试试这个：

  $('#somewhere').click(function(){ $('html, body').animate({scrollTop:0}, 'slow'); }); 

Answer 3

您可以将此代码放在文档加载上，例如将动画设置为顶部

 $("html, body").animate({ scrollTop: 0 }, 1000); 

你可以动画一个特定的元素，比如

 $("html, body").animate({ scrollTop: $('.my-element').offset().top }, 1000); 

Answer 4

我已经使用Ariel Flesler的localscroll插件多次执行此操作… http://demos.flesler.com/jquery/localScroll