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

Mary-Kate Olsen

풀어 주다： 2024-12-11 17:44:13

원래의

657명이 탐색했습니다.

How Can I Detect Scroll Direction Using jQuery?

jQuery로 스크롤 방향 결정

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

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

로그인 후 복사

} else {

  // upscroll code

로그인 후 복사

}
lastScrollTop = st;
});

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

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

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

원천：php.cn

이전 기사：상위 페이지의 iFrame 내에서 JavaScript 함수를 호출하려면 어떻게 해야 합니까? 다음 기사：JavaScript의 참/거짓 평가에서는 `var a = 1;`만이 진실인가요?

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

저자별 최신 기사

에서 2024-04-29 11:01:01

2235

Chrome 모바일 버전을 표시하는 방법 안녕하세요 선생님, Chrome을 모바일 버전으로 어떻게 변경하나요?

에서 2024-04-23 00:22:19

2377