javascript - 当页面宽度小于 981px 时，无限滚动不起作用

Question

当页面宽度大于 980px 时，无限滚动工作正常，但当它小于 981px 时，它就停止工作。

我认为这只与高度有关，但看起来我错了。

代码:

$(window).scroll(function () {
if ($(window).scrollTop() == $(document).height() - $(window).height()) {

    console.log("infinite scroll works");


}

});

对于宽度小于 981px 的设备，有没有办法解决这个问题？

这里是完整项目的引用:https://github.com/strix25/1-million-books-generator-and-infinite-scroll

Answer 1

我找到了解决这个问题的方法。

代码:

$(window).scroll(function () {
 if ($(this).scrollTop() + 1 >= $('body').height() - $(window).height()) {
  console.log("infinite scroll works"); 
 }

});