jQuery를 사용하여 스크롤이 중지되는 시점을 어떻게 감지할 수 있나요?

jQuery scroll() 메서드: 스크롤이 중지될 때 감지

jQuery의 scroll() 메서드를 사용하면 요소가 스크롤될 때 함수를 실행할 수 있습니다. 그러나 스크롤이 중지되는 시점을 감지하는 간단한 방법은 제공하지 않습니다.

스크롤 종료 감지

스크롤이 중지된 시점을 확인하려면 시간 제한 이벤트 핸들러를 활용할 수 있습니다. 예는 다음과 같습니다.

$(window).scroll(function() {
    clearTimeout($.data(this, 'scrollTimer'));
    $.data(this, 'scrollTimer', setTimeout(function() {
        // Scrolling has stopped
        console.log("Haven't scrolled in 250ms!");
    }, 250));
});

이 코드에서는 타이머를 설정하고 사용자가 스크롤할 때마다 재설정합니다. 타이머가 만료되면 스크롤이 중지되었음을 나타냅니다.

Unevent.js 확장

또는 jQuery Unevent.js 확장에서 제공하는 확장된 on() 함수를 사용할 수 있습니다.

$(window).on('scroll', function(e) {
    console.log(e.type + '-event was 250ms not triggered');
}, 250);

Unevent.js를 사용하면 이벤트 핸들러에 대한 지연 매개변수를 지정할 수 있습니다. 이렇게 하면 지정된 간격 내에 이벤트가 발생하지 않은 경우에만 핸들러가 실행됩니다.

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