Detectando a direção da rolagem

Utilizando o evento de rolagem do JavaScript, é possível determinar a direção da rolagem sem a necessidade de jQuery.

Detectando a direção da rolagem

Para fazer isso, armazenaremos o valor scrollTop anterior e o compararemos com o valor scrollTop atual.

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 
Ao empregar esse método, você pode detectar com precisão a direção de rolagem em qualquer página da web sem depender de bibliotecas de terceiros.