Comment puis-je détecter quand un utilisateur a fini de défiler avec jQuery ?

Détecter la fin du défilement de l'utilisateur avec jQuery

Dans cette discussion, l'utilisateur cherche un moyen de déterminer quand un utilisateur a arrêté le défilement, comme ils souhaitent effectuer une action spécifique (ajouter une classe aux éléments) une fois le défilement terminé.

Pour y parvenir, le code jQuery suivant peut être employé :

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

Dans ce code, une minuterie est utilisée pour suivre l'activité de défilement. Si l'utilisateur continue de faire défiler, la minuterie est réinitialisée. Cependant, si le défilement s'arrête pendant une période de 250 millisecondes (comme défini dans la fonction setTimeout), le minuteur expire et l'action spécifiée (par exemple, l'ajout de la classe) est exécutée. Cela garantit que la classe n'est ajoutée que lorsque l'utilisateur a arrêté de faire défiler.

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!