스크롤 할 때 자동 로딩

Question

사용자가 아래로 스크롤 할 때 새로운 Ajax 호출을 작성하는 스크립트가 있습니다. 그러나 그것을 한 번하는 방법. 사용자가 빨리 스크롤하면 n 아약스가 같은 데이터를 호출합니다.

$(window).scroll(function(){ 

      whenTo=$(window).scrollTop(); 

     if(whenTo>=($(document).height()-($(window).height())-600)){ 
// make ajax call 
} 


}); 

Answer 1

이미 완료되었는지 확인하는 부울 값을 추가하는 방법은 어떻습니까? 예를 들어

:이 방법을 사용

var hasLoaded = false; 
$(window).scroll(function(){ 

     whenTo=$(window).scrollTop(); 

     if(!hasLoaded && (whenTo>=($(document).height()-($(window).height())-600))){ 
      hasLoaded = true; 
      // make ajax call 
     } 
}); 

당신이 필요한 경우 아약스가 다시 호출 할 수 있도록 원할 때마다 그냥 false로 변수를 변경할 수 있음을 의미합니다.

Answer 2

나는 Underscore.js와 _.throttle() 또는 _.debounce()을 사용할 것입니다. 함수를 반복적으로 호출한다고 가정 할 경우, 또는 _.once()을 한 번만 사용하십시오.