>웹 프론트엔드 >JS 튜토리얼 >사용자가 jQuery를 사용하여 스크롤을 완료한 시기를 어떻게 감지할 수 있나요?

사용자가 jQuery를 사용하여 스크롤을 완료한 시기를 어떻게 감지할 수 있나요?

Barbara Streisand
Barbara Streisand원래의
2024-12-07 02:05:11306검색

How Can I Detect When a User Has Finished Scrolling with jQuery?

jQuery로 사용자 스크롤 완료 감지

이 토론에서 사용자는 다음과 같이 사용자가 스크롤을 중지한 시기를 확인하는 방법을 찾고 있습니다. 스크롤이 중단된 후 특정 작업(요소에 클래스 추가)을 수행하려고 합니다.

이를 달성하려면 다음 jQuery를 사용하세요. 코드를 사용할 수 있습니다:

$(window).scroll(function() {
    clearTimeout($.data(this, 'scrollTimer'));
    $.data(this, 'scrollTimer', setTimeout(function() {
        // Add the desired class here
        console.log("Scrolling has stopped!");
    }, 250));
});

이 코드에서는 타이머를 사용하여 스크롤 활동을 추적합니다. 사용자가 계속 스크롤하면 타이머가 재설정됩니다. 그러나 스크롤이 250밀리초 동안 중지되면(setTimeout 함수에 정의된 대로) 타이머가 만료되고 지정된 작업(예: 클래스 추가)이 실행됩니다. 이렇게 하면 사용자가 스크롤을 중지한 경우에만 클래스가 추가됩니다.

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

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