视口更改时代码会拧紧

Question

我有以下功能，当用户从底部滚动250px（而不是移动设备）时，“up-btn”会出现在页面底部

html（头部标签）

next()

html（正文）

=

它运作正常。但是，当我将窗口缩放到移动设备然后缩小尺寸时。或者，如果窗口以移动大小等打开，则代码不起作用，按钮仍然不可见。

想知道我的代码是否有变化会让它变得更加万无一失？

Answer 1

只需删除if - 声明：

<script>
  $(window).on('scroll', function() {
    if ($(window).scrollTop() + $(window).height() > ($(document).height() - 250)) {
      $("#up-btn").fadeIn(500);
    }
    else {
        $("#up-btn").fadeOut(500);
    }
  });
</script>

如果这样说，您可以考虑去除该功能，以避免一直重新计算，例如。滚动停止时重新计算。