нагрузки больше данных - функция ScrollTop не работает

Question

Я пытаюсь загрузить данные на странице свитке, и для этого я пытаюсь запустить следующую функцию

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

Проблему, согласно моей настройке страницы я сделал body overflow: скрытый и сделанный контейнер прокручиваемый, вышеприведенный код не работает в этом случае, однако, когда я включаю прокрутку тела, тогда это работает нормально, может ли кто-нибудь предложить, как с этим справиться?

Вот 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/

Answer 2

Это должно работать (если я правильно понял ваш вопрос):

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

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