通过jQuery动画减慢滚动到顶部事件

Question

点击某个锚时，我希望我的页面转到顶部。

以下是我尝试这样做的方法，但它不起作用，它滚动得非常快。

 $('a[href=#top]').click(function () {
        $('body').animate({
                scrollTop: 0
        },
        50);
});

我想放慢速度。

Answer 1

$('a[href=#top]').click(function(){
    $('html, body').animate({scrollTop:0}, 'slow');
});

也许？

Answer 2

当您将50作为第二个参数传递给动画时，即50毫秒。请参阅animate文档。要么通过一个更大的数字，要么建议c0mrade，只需传递'慢'。

Answer 3

您可以设置滚动顶部的时间

$('a[href=#top]').click(function(){
 $('body').animate({
     scrollTop: 0},4000);});

Answer 4

$('a[href=\\#top]').click(function(){
  $('body').animate(
    {
      scrollTop: 0
    }, 
    2000
  );
});

＃应该被转义为\\＃。