Heim >Web-Frontend >js-Tutorial >Wie kann ich erkennen, wenn ein Benutzer in jQuery aufhört zu scrollen?

Wie kann ich erkennen, wenn ein Benutzer in jQuery aufhört zu scrollen?

Mary-Kate Olsen
Mary-Kate OlsenOriginal
2024-12-11 19:54:18974Durchsuche

How Can I Detect When a User Stops Scrolling in jQuery?

Erkennen, wann Benutzer mit dem Scrollen von jQuery aufhören ()

Problemübersicht:

Sie verwenden den Scroll von jQuery( )-Funktion zum Entfernen einer Klasse aus Elementen beim Scrollen. Sie möchten diese Klasse jedoch erneut anwenden, wenn das Scrollen stoppt.

Antwort Erklärung:

Die bereitgestellte Lösung verwendet einen Timer, um zu erkennen, wann ein Benutzer mit dem Scrollen aufgehört hat. Es verwendet die scrollTimer-Variable, um das Timeout zu verfolgen. Wenn das scroll()-Ereignis auftritt, wird der Timer gelöscht und mit setTimeout() ein neuer Timer eingestellt. Dieser Timer ruft nach einer angegebenen Verzögerung (250 ms im Beispiel) eine Rückruffunktion auf.

Erweiterte Lösung:

Die bereitgestellten Codefragmente enthalten eine Erweiterung für on() von jQuery. Event-Handler namens $.unevent.js. Mit dieser Erweiterung können Sie eine Verzögerung angeben, nach der die Rückruffunktion ausgelöst werden soll. Dies ist ideal für Szenarien, in denen Sie ein Ereignis erst nach Ablauf einer bestimmten Zeitspanne auslösen möchten.

Implementierung:

So verwenden Sie die aktualisierte Version:

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

Sie können die Verzögerung (in Millisekunden) wie folgt anpassen benötigt.

Zusätzliche Hinweise:

  • Stellen Sie sicher, dass Sie im GitHub-Repository nach den neuesten Updates von $.unevent.js suchen.
  • Dies Die Lösung kann auf andere Ereignisse wie Größenänderung angewendet werden, indem einfach scroll durch das gewünschte Ereignis in der on()-Methode ersetzt wird.

Das obige ist der detaillierte Inhalt vonWie kann ich erkennen, wenn ein Benutzer in jQuery aufhört zu scrollen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn