2013-03-12 82 views
3

我正在動態地在div中添加組件。我想加載更多的內容爲什麼滾動欄在最後(通常社交媒體網站這些天做什麼)。我寫了下面的代碼是:jQuery scrollTop不等於div底部的scrollHeight

$('.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有很大的區別的。我加載的內容量越少,百分比差異越大。任何人都可以幫助我找到所有可能性來檢查並找到原因嗎?

由於

+0

它們不會因窗口的可見高度而有所不同嗎? – jfriend00 2013-03-12 23:10:39

+0

div的可視高度非常小。 Div包含很多內容。簡單的高度不起作用。 – Salik 2013-03-14 18:01:00

回答

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)); 
} 

});

添加窗口高度滾動頂部爲我工作