加载更多的数据 - scrollTop的功能不工作

我试图加载的页面滚动的数据，为此我试图运行下面的功能加载更多的数据 - scrollTop的功能不工作

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

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

这里是JSFiddle demo

来源

2016-11-16 Sanjeev Kumar

您可以用'$尝试（ “.scroller”）。scroll（function（）''而不是'$（window）.scroll（function（）' – vijayP

我试过这个已经但没有运气 –

看到这个更新的fidd乐：https://jsfiddle.net/n0rramke/3/ – vijayP

您需要检查与scroller类，而不是window为滚动位置的元素。

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

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

来源

2016-11-16 11:27:07

感谢您的答案，但不幸的是不工作:( –

@SanjeevK我已经更新了我的答案，以满足您的需求 –

谢谢，尝试但更新的代码，但没有成功 –

这应该工作（如果我正确地理解你的问题）：

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

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

来源

2016-11-16 11:31:35 MarcoS

感谢您的答案，但它不工作，我我试图做的是，假设我的屏幕高度为900像素，那么当我滚动到900像素以下时，警报应该会触发。 –

加载更多的数据 - scrollTop的功能不工作

回答

相关问题