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

Question

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

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

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

Answer 1

您希望将scrollTop属性.animate()改为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