페이지에서 스크롤링이 가능한지 감지

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