Question

我想做一个简单的返回顶部按钮，它适用于除Firefox以外的所有浏览器。我不知道问题是什么。有帮助吗？

脚本：

    $(document).ready(function () {
        $(window).scroll(function () {
            if ($(this).scrollTop() > 320) {
                $('.scroll-box').fadeIn();
            } else {
                $('.scroll-box').fadeOut();
            }
        });
        $('.scroll-box').click(function () {
            $("html, body").animate({
                scrollTop: 0
            }, 400);
            return false;
        });
    });

    .scroll-box {display: none; position: fixed; bottom: 2px; right: 20px; width: 32px; height: 32px;}
    .scroll-box:after {content: 'TOP';}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<a href="#" class="scroll-box" title="Back to top"></a>

Answer 1

我无法重现您的代码对我来说没有问题的任何问题。但是，我想提醒您注意window.scrollTo。这是一种本机浏览器方法，可以完全满足您的需求，而无需任何依赖项：

window.scrollTo({
  top: 0,
  left: 0,
  behavior: 'smooth'
});

您无法选择平滑滚动的持续时间。但是你真的需要吗？

Answer 2

uBlock Origin阻止了此代码。感谢@Kaddath的见解。

为什么我的“返回首页”按钮在Firefox上失败？

2 个答案: