檢測頁面上是否可以滾動

Question

我有一個函數，當查看器滾動到容器的結尾位置附近時，它會向容器添加更多內容。它完美的作品：

var elem = $('#cont'); 
var bo = $('body'); 
$(window).scroll(function(){ 
    if (elem.outerHeight() - bo.scrollTop() - 350 <= 0) { 
     for(var i = 0; i < 3; i++){ 
      elem.append('<div class="box"></div>'); 
      $('.box').each(function(){ 
       $(this).fadeIn('slow'); 
      }); 
     }; 
    }; 
}); 

問題是，如果沒有足夠的內容原來加載，那麼它不能加載更多！

我需要做的事：

我需要檢測身體是否無法滾動。所以我可以追加內容，直到滾動成爲可能。我怎樣才能做到這一點？

Jsfiddle

Answer 1

你可以這樣做：

while($(document).height() <= $(window).height()){ 
    $('#cont').append($('<div/>', {class : 'box', style : 'display : block'})) 
} 

$('.box').hide().fadeIn('slow'); 

小提琴：http://jsfiddle.net/FYtZX/1/

Answer 2

您可以使用此功能來檢測，如果事情是滾動的。 https://github.com/s-a/jQuery.readMore/blob/master/jquery.readmore.js#L6