javascript - Smoothscroll 在 chrome 中不起作用，但在其他浏览器中起作用

Question

我有一个按钮(它是一个 Font awesome 图标)，如果你点击它它会滚动到一个特定的 div。在 Safari 中它有效，但现在我在 Chrome 中测试它不起作用。

我正在使用的脚本 (jQuery)

$(document).ready(function(){
$('a[href^="#"]').on('click',function (e) {
    e.preventDefault();

    var target = this.hash;
    var $target = $(target);

    $('html, body').stop().animate({
        'scrollTop': $target.offset().top
    }, 900, 'swing', function () {
        window.location.hash = target;
    });
});
});

按钮

<a href="#arrow-down-click">
<i class="fa fa-angle-down fa-4x arrow-down" aria-hidden="true"></i>
</a>

如何让它在 Chrome(以及我尚未测试过的其他浏览器)中也能正常工作？

编辑(也在评论中):

我刚刚发现:如果我更改 css html { overflow: hidden; } 到 auto 和 body { overflow: auto; } 到 hidden，动画有效。但问题是:如果不使用按钮转到第 2 部分，我无法从上向下滚动，如果我在第 2 部分，我无法滚动到任何地方(所以不能返回顶部或第 3 部分)。 . 有人对此有想法吗？

编辑 2现在我有这个:https://jsfiddle.net/jk1540oc/ .它转到我指向的 div，但它不再具有动画效果(不在 Chrome 中，也不在 Safari 中)。您也不能使用按钮向下滚动两次。

Answer 1

Follow image description with steps numbered here

如何在 Windows 的 Google Chrome 中启用或禁用平滑滚动

1. 打开谷歌浏览器。

2. 将下面的链接复制并粘贴到 Chrome 的地址栏中，然后按 Enter。

chrome://flags/#smooth-scrolling

1. 为所需的平滑滚动设置选择默认、启用或禁用。

默认设置启用了平滑滚动，但当您打开太多选项卡时，它可能会自动禁用平滑滚动。