检测页面上是否可以滚动

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