jQuery scrollTop не равен scrollHeight внизу div

Question

Я добавляю компоненты в div динамически. Я хочу загрузить больше контента, почему конл-брусок заканчивается (что обычно происходит в социальных сетях в наши дни). Я написал следующий код для него:

$('.tabs-body-container #tbody-0 .feeds').scroll(function() { 
    if (!invoked_next) { 
     cont_height = $(this).get(0).scrollHeight; 
     scrl_pos = $(this).scrollTop(); 
     if (scrl_pos/cont_height >= .70) { 
      invoked_next = true; 
      loadData(); 
     } 
    } 
}); 

Но когда я прокручиваю вниз бар и приносит его в конец значения scrl_pos и cont_height имеют много различий. Чем меньше количество содержимого, тем выше разница в процентах. Может ли кто-нибудь помочь мне найти все возможности проверить и найти причину?

Благодаря

Answer 1

$('.scrollableDiv').on('scroll', function() { 
var scrollableDivHeight = $('.scrollableDiv').height(), 
    scrollTop = $('.scrollableDiv').scrollTop(), 
    windowHeight = $(window).height(); 

if (scrollableDivHeight - (scrollTop + windowHeight) <= 100) { 
    console.log(scrollableDivHeight - (scrollTop + windowHeight)); 
} 

});

добавление высоты окна для прокрутки сверху сработало для меня