Wie kann ich erkennen, wann ein Benutzer mit dem Scrollen mit jQuery fertig ist?

Benutzer-Scroll-Abschluss mit jQuery erkennen

In dieser Diskussion sucht der Benutzer nach einer Möglichkeit, festzustellen, wann ein Benutzer mit dem Scrollen aufgehört hat Sie möchten eine bestimmte Aktion ausführen (eine Klasse zu Elementen hinzufügen), sobald das Scrollen aufgehört hat.

Um dies zu erreichen, kann der folgende jQuery-Code verwendet werden beschäftigt:

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

In diesem Code wird ein Timer verwendet, um die Scroll-Aktivität zu verfolgen. Wenn der Benutzer weiter scrollt, wird der Timer zurückgesetzt. Wenn das Scrollen jedoch für einen Zeitraum von 250 Millisekunden anhält (wie in der Funktion setTimeout definiert), läuft der Timer ab und die angegebene Aktion (z. B. Hinzufügen der Klasse) wird ausgeführt. Dadurch wird sichergestellt, dass die Klasse nur hinzugefügt wird, wenn der Benutzer mit dem Scrollen aufgehört hat.

Das obige ist der detaillierte Inhalt vonWie kann ich erkennen, wann ein Benutzer mit dem Scrollen mit jQuery fertig ist?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!