jQuery를 사용하여 스크롤 방향(위 또는 아래)을 어떻게 결정할 수 있습니까?

jQuery 스크롤 이벤트 방향 결정

jQuery에서 스크롤 이벤트를 처리할 때 스크롤이 페이지에서 위로 또는 아래로 이동하는지 아는 것이 유용할 수 있습니다. 이는 현재 scrollTop 값을 이전 scrollTop 값과 비교하여 달성할 수 있습니다. 이를 수행하는 방법은 다음과 같습니다.

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

이 코드에서 lastScrollTop은 0으로 초기화됩니다. 스크롤 이벤트가 발생하면 현재 scrollTop 값이 st에 저장됩니다. st가 lastScrollTop보다 크면 코드는 다운스크롤 코드를 실행하고, st가 lastScrollTop보다 작으면 코드는 업스크롤 코드를 실행합니다. 마지막으로 lastScrollTop은 새로운 scrollTop 값으로 업데이트됩니다.

위 내용은 jQuery를 사용하여 스크롤 방향(위 또는 아래)을 어떻게 결정할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!