Question

我正在尝试在页面滚动上加载数据，为此我尝试运行以下函数

$(window).scroll(function ()
    {
      if($(document).height() <= $(window).scrollTop() + $(window).height())
      {
        alert("done")
      }
});

问题是，根据我的页面设置我已经完成了身体溢出：隐藏并使容器可滚动，上面的代码在这种情况下不起作用，但是当我启用身体滚动然后它的工作正常，任何人都可以请建议如何处理这个？

以下是JSFiddle demo

Answer 1

您需要使用类scroller而不是window检查元素是否有滚动位置。

$('.scroller').scroll(function ()
    {
      if($('.scroller').scrollTop() >= ($('.scroller')[0].scrollHeight - $(window).height()) )
      {
        alert("load more data")
      }
});

JS小提琴：https://jsfiddle.net/n0rramke/5/

Answer 2

这应该有效（如果我正确理解你的问题）：

if ($(".scroller").height() <= $(".scroller").scrollTop()) {
  alert("load more data")
}

小提琴：https://jsfiddle.net/rhbmxssv/ ......

加载更多数据 - ScrollTop功能无法正常工作

2 个答案: