javascript - 加载更多数据 - ScrollTop 功能不起作用

Question

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

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

问题是，根据我的页面设置，我已经完成了 body overflow:hidden 并使容器可滚动，上面的代码在这种情况下不起作用，但是当我启用 body 滚动时它工作正常，任何人都可以建议如何处理？

这是 JSFiddle demo

Answer 1

您需要检查具有类 scroller 的元素而不是 window 的滚动位置。

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

JS fiddle :https://jsfiddle.net/n0rramke/5/