通過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
  );
});

＃應該被轉義\\＃。