javascript - 检测页面上是否可以滚动

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

问题是，如果最初加载的内容不足，那么它就永远无法加载更多！

我需要做什么：

我需要检测身体是否无法滚动。所以我可以追加内容，直到可以滚动为止。我怎样才能做到这一点？

提琴手

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/sa/jQuery.readMore/blob/master/jquery.readmore.js#L6