jQuery를 사용하여 위쪽 또는 아래쪽 스크롤 방향을 어떻게 감지할 수 있나요?

jQuery 스크롤 이벤트 방향 감지

jQuery에서 스크롤 이벤트를 처리할 때 스크롤이 위 또는 아래로 이동하는지 확인하는 것이 유용할 수 있습니다. 이를 통해 스크롤 방향에 따라 다양한 동작이나 콘텐츠가 표시될 수 있습니다.

이를 달성하려면 창 개체의 scrollTop 속성을 활용하고 현재 값을 이전 값과 비교할 수 있습니다. 구현 방법은 다음과 같습니다.

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

이 코드에서 lastScrollTop은 이전 scrollTop 값을 저장합니다. 스크롤 이벤트가 트리거되면 현재 scrollTop 값을 검색하고 이를 lastScrollTop과 비교합니다. 현재 값이 이전 값보다 크면 스크롤이 아래로 이동합니다(아래로 스크롤할 때 scrollTop이 증가하므로). 그렇지 않으면 스크롤이 위로 이동합니다.

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