Question

我有以下情况。我有一个非常长的网页，我希望在页面的一侧有一个“回到顶部链接”（绝对定位）。我想仅在用户滚动并且滚动位置从顶部大于100px时才显示链接。此外，我只将行为限制在大于300px和非iOS设备的屏幕上。

这是我的代码：

//Back to top
$(window).scroll(function () {

    if ( $(window).width() > 300 || !isiOS ) {

        if ($('body').scrollTop() > 100) {
            $('#back-to-top').fadeIn('fast');
        } else {
            $('#back-to-top').fadeOut('fast');
        }

    }

});

$(window).scroll();

问题是它在我的Mac上工作正常。但是它不适用于Windows机器。它适用于Windows上的Chrome，但不适用于任何IE版本，也不适用于Firefox，也不适用于任何其他版本。它适用于我的Mac上的每个主要浏览器。

知道是什么原因造成的，或者为什么会出现问题？

感谢您的帮助！

Answer 1

尝试使用$(window).scrollTop()代替$('body').scrollTop()

jQuery：滚动时显示“返回顶部”链接？不在窗户上工作？

1 个答案: