Comment puis-je détecter la direction de défilement vers le haut ou vers le bas avec jQuery ?

Détection de la direction des événements de défilement jQuery

Lors de la gestion des événements de défilement dans jQuery, il peut être utile de déterminer si le défilement se déplace vers le haut ou vers le bas. Cela permet d'afficher différents comportements ou contenus en fonction de la direction de défilement.

Pour y parvenir, vous pouvez exploiter la propriété scrollTop de l'objet window et comparer sa valeur actuelle à sa valeur précédente. Voici comment l'implémenter :

var lastScrollTop = 0;
$(window).scroll(function(event) {
    var st = $(this).scrollTop();
    if (st > lastScrollTop) {
        // Downscroll code
    } else {
        // Upscroll code
    }
    lastScrollTop = st;
});

Dans ce code, lastScrollTop stocke la valeur scrollTop précédente. Lorsque l'événement scroll se déclenche, il récupère la valeur scrollTop actuelle et la compare à lastScrollTop. Si la valeur actuelle est supérieure à la valeur précédente, le défilement se déplace vers le bas (puisque scrollTop augmente à mesure que vous faites défiler vers le bas). Sinon, le parchemin monte.

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!