当页面宽度小于 981 像素时，无限滚动不起作用

Question

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

我坚持认为这仅与身高有关，但看起来我错了。

代码：

$(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"); 
 }

});