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
Freigeben: 2024-12-11 19:54:18
Original
991 Leute haben es durchsucht

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);
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage