jQuery animate（）在Chrome中不起作用

Question

我有一個“滾動到頂部”按鈕，可以使用戶平滑滑動到頁面頂部。 它可以在Firefox中運行，但不能在Chrome中運行：

$('a#scroll-to-top').click(function() {
    $('html').animate({
        scrollTop: 0
    }, 500);
    return false;
});

<a href="#" id="scroll-to-top">Up Top</a>

如何在Chrome中使用它？

Answer 1

您想使用以下代碼：

$('a#scroll-to-top').click(function() {
    $('html, body').animate({
        scrollTop: 0
    }, 500);
    return false;
});

這是一個例子

Answer 2

只需使用body而不是html，如下所示：

$('a#scroll-to-top').click(function() {
  $('body').animate({
    scrollTop: 0
 }, 500);
  return false;
});