Comment puis-je détecter quand un utilisateur arrête de défiler dans jQuery ?

Détection lorsque les utilisateurs arrêtent de faire défiler avec le défilement de jQuery()

Aperçu du problème :

Vous utilisez le défilement de jQuery( ) fonction pour supprimer une classe des éléments lors du défilement. Cependant, vous souhaitez réappliquer cette classe lorsque le défilement s'arrête.

Explication de la réponse :

La solution fournie utilise une minuterie pour détecter quand un utilisateur a arrêté le défilement. Il utilise la variable scrollTimer pour suivre le délai d'attente. Lorsque l'événement scroll() se produit, le minuteur est effacé et un nouveau minuteur est défini à l'aide de setTimeout(). Ce minuteur appelle une fonction de rappel après un délai spécifié (250 ms dans l'exemple).

Solution améliorée :

Les extraits de code fournis incluent une extension pour on() de jQuery gestionnaire d'événements appelé $.unevent.js. Cette extension vous permet de spécifier un délai après lequel la fonction de rappel doit être déclenchée. Ceci est idéal pour les scénarios dans lesquels vous souhaitez déclencher un événement uniquement après un certain temps.

Mise en œuvre :

Voici comment utiliser la version mise à jour :

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

Vous pouvez régler le délai (en millisecondes) comme nécessaire.

Notes supplémentaires :

• Assurez-vous de consulter le référentiel GitHub pour les dernières mises à jour de $.unevent.js.
• Ceci La solution peut être appliquée à d'autres événements, tels que le redimensionnement, en remplaçant simplement scroll par l'événement souhaité dans la méthode on().

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!