스크롤하는 동안 fadeOut 요소를 fadeIn하는 방법?

Question

내 페이지에는 70 개 이상의 div가 있습니다.

사용자가 페이지를 스크롤 할 때까지 모든 div를 한 번에 표시하고 싶지 않습니다. 내 페이지에서 오버플로 된 요소를 숨기려고합니다. 사용자가 페이지를 스크롤하는 동안 숨겨진 div가 다시 페이딩되어야합니다.

하지만 오버 플로우 된 요소를 숨기고 창을 스크롤하면 오버플로 된 요소를 다시 페이드 인하는 방법을 찾을 수 없습니다.

그러나 나는 그것을

Jsfiddle

방법이 작업을 수행 할 수있는 try-

$(function(){ 
    $(window).css("overflow","hidden"); 
    var lengthy= $('.content').length; 
     alert(lengthy); 

     var scrollbottom= $(window).scrollTop()+$(window).height(); 

     $(window).scroll(function(){ 

      $(document).css("overflow","hidden"); 
      if($(window).height() >scrollbottom) 
      { 
       $(document).fadeIn(); 
      } 
     }); 


}); 

을했다? 당신의 jQuery를이가하는 일이

$(window).scroll(function() { 
    if ($(window).scrollTop() >= $(document).height() - $(window).height() - 10) { 
     //Add something at the end of the page 
    } 
}); 

처럼 뭔가를해야만하는

Answer 1

편집은 그것의 페이지 끝 페이지의 맨 끝에 필요하지 전에 10px에 도달 할 때 스크롤이 발생합니다. 이 예 난 당신이 당신이 요소로 퇴색 할 http://www.webresourcesdepot.com/dnspinger/