laden mehr Daten - scrollTop Funktion nicht funktioniert

Question

Ich versuche, Daten auf Seite blättern zu laden und dafür Ich versuche, die folgende Funktion

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

Das Problem ist, wie pro meine Seite auf den Betrieb als ich getan habe Body Overflow: versteckt und machte einen Container scrollbar, funktioniert der obige Code in diesem Fall nicht, aber wenn ich die Körperrolle aktivieren dann funktioniert es gut, kann jemand bitte vorschlagen, wie man damit umgeht?

Hier ist die JSFiddle demo

Answer 1

Sie müssen das Element mit der Klasse scroller statt window für Bildlaufposition überprüfen.

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

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

Answer 2

Dies sollte funktionieren (wenn ich Ihre Frage richtig verstanden habe):

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

Fiddle: https://jsfiddle.net/rhbmxssv/ ...