Comment puis-je détecter la direction de défilement à l'aide de jQuery ?

Détermination de la direction de défilement avec jQuery

Lorsque vous travaillez avec des événements de défilement dans jQuery, la distinction entre les mouvements vers le haut et vers le bas peut être cruciale pour la mise en œuvre du comportement de défilement . Cet extrait de code montre comment détecter la direction d'un événement de défilement :

<br>$(window).scroll(function(event){<br> var st = $(this). scrollTop();<br> if (st > lastScrollTop){</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">   // downscroll code

Copier après la connexion

} else {

  // upscroll code

}
lastScrollTop = st;
});

Ici, nous maintenons une variable (lastScrollTop) pour enregistrer le position de défilement précédente. En comparant la position actuelle du défilement (st) avec lastScrollTop, nous pouvons déterminer la direction du défilement. Si st est supérieur à lastScrollTop, cela indique un défilement vers le bas ; sinon, il s'agit d'un défilement vers le haut.

Cette technique est simple et capture efficacement la direction de défilement, vous permettant de mettre en œuvre des actions appropriées pour les événements de défilement ascendant et descendant.

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!