jQuery를 사용하여 스크롤 방향을 어떻게 감지할 수 있나요?

jQuery로 스크롤 방향 결정

jQuery에서 스크롤 이벤트로 작업할 때 스크롤 동작을 구현하려면 위쪽 및 아래쪽 이동을 구별하는 것이 중요할 수 있습니다. . 이 코드 조각은 스크롤 이벤트의 방향을 감지하는 방법을 보여줍니다.

<br>$(window).scroll(function(event){<br> var st = $(this). scrollTop();<br> if (st > lastScrollTop){</p>
<pre class="brush:php;toolbar:false">   // downscroll code

} else {

  // upscroll code

}
lastScrollTop = st;
});

여기서 변수(lastScrollTop)를 유지하여 기록합니다. 이전 스크롤 위치. 현재 스크롤 위치(st)를 lastScrollTop과 비교하여 스크롤 방향을 결정할 수 있습니다. st가 lastScrollTop보다 크면 아래쪽 스크롤을 나타냅니다. 그렇지 않으면 위쪽 스크롤입니다.

이 기술은 간단하고 효과적으로 스크롤 방향을 캡처하여 위쪽 스크롤 및 아래쪽 스크롤 이벤트 모두에 대해 적절한 작업을 구현할 수 있게 해줍니다.

위 내용은 jQuery를 사용하여 스크롤 방향을 어떻게 감지할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!