Comment puis-je déterminer la direction de défilement (vers le haut ou vers le bas) à l'aide de jQuery ?

Détermination 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 savoir si le défilement se déplace vers le haut ou vers le bas de la page. Ceci peut être réalisé en comparant la valeur scrollTop actuelle à la valeur scrollTop précédente. Voici comment procéder :

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 est initialisé à 0. Lorsque l'événement scroll se produit, la valeur scrollTop actuelle est stockée dans st. Si st est supérieur à lastScrollTop, le code exécute le code de défilement descendant, et si st est inférieur à lastScrollTop, le code exécute le code de défilement ascendant. Enfin, lastScrollTop est mis à jour avec la nouvelle valeur scrollTop.

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!