사용자가 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!