여러 번 스크롤 스크롤을 감지

Question

다음 예를 사용하여 스크롤 방향을 감지합니다. 그러나 모든 스크롤 동작에서 작동하는 것으로 보입니다. 방향이 바뀔 때만 작동하도록 할 수있는 방법이 있습니까?

var lastScrollTop = 0; 
$(window).scroll(function(event){ 
    var st = $(this).scrollTop(); 
    if (st > lastScrollTop){ 
     // downscroll code 
    } else { 
     // upscroll code 
    } 
    lastScrollTop = st; 
}); 

Answer 1

확실히. 마지막으로 이동 한 방향을 추적하는 자리 표시 자 변수를 사용하고 일치하는 경우 false를 반환하십시오.

var lastScrollTop = 0; 
var lastDirection = ""; 
$(window).scroll(function (event) { 
    var st = $(this).scrollTop(); 
    if (st > lastScrollTop) { 
     lastScrollTop = st; 
     if (lastDirection === 'down') return false; 
     // downscroll code 
     console.log("scrolling down"); 
     lastDirection = 'down'; 
    } else { 
     lastScrollTop = st; 
     if (lastDirection === 'up') return false; 
     // upscroll code 
     console.log("scrolling up"); 
     lastDirection = 'up'; 
    } 

});