Détection de la direction de défilement

En utilisant l'événement de défilement de JavaScript, il est possible de déterminer la direction de défilement sans avoir besoin de jQuery.

Détection de la direction de défilement

Pour ce faire, nous stockerons la valeur scrollTop précédente et la comparerons à la valeur scrollTop actuelle valeur.

var lastScrollTop = 0;

// element should be replaced with the actual target element on which you have applied scroll, use window in case of no target element.
element.addEventListener("scroll", function () { // or window.addEventListener("scroll"....
  var st = window.pageYOffset || document.documentElement.scrollTop; // Credits: "https://github.com/qeremy/so/blob/master/so.dom.js#L426"
  if (st > lastScrollTop) {
    // downscroll code
  } else if (st 
En utilisant cette méthode, vous pouvez détecter avec précision le sens de défilement dans n'importe quelle page Web sans recourir à des bibliothèques tierces.