마우스 스크롤에 기반한 무한 스크롤

Question

마우스 스크롤이 지정된 컨테이너 하단에 도달 할 때 무한 스크롤을 구현하고자합니다. 나는 다음과 같은 기본 요구 사항을 필요로 http://www.infinite-scroll.com/을 검색 한 후이 플러그인에 온 :

// infinitescroll() is called on the element that surrounds 
// the items you will be loading more of 
    $('#content').infinitescroll({ 

    navSelector : "div.navigation",    
        // selector for the paged navigation (it will be hidden) 
    nextSelector : "div.navigation a:first",  
        // selector for the NEXT link (to page 2) 
    itemSelector : "#content div.post"   
        // selector for all items you'll retrieve 
    }); 

즉 다음 및 이전 선택기. 다음을 클릭하는 대신 마우스 스크롤을 기반으로 무한한 스크롤을 할 수 있습니까? 예를 들어, 마우스가 지정된 컨테이너에 도달 할 때 연결합니다. 아약스를 통해 콘텐츠를로드합니다.

Answer 1

스크롤 이벤트에 함수를 추가하고 아래로 스크롤했는지 확인합니다. 당신은 당신의 레이아웃에 따라 숫자를 조정하고 코드를 조금 조정할 필요가 :

var $window = $(window); 

$(document).ready(function() { 

     $(window).scroll(function() { 
      var scrollheight2; 
      scrollheight2 = $window.scrollTop(); 

      if (($("#content").height() - scrollheight2) <= 100) { 
        //AJAX STUFF 
      } 
     }); 
    });