detect-scroll-direction

Scroll direction

Simple library for detecting the scroll vertical direction.

LIVE DEMO

• Provides a custom event scrollDirectionChange
• Automatically adds classes to an element based on the direction scroll-direction-up or scroll-direction-down.

// YOU CAN PROVIDE AN OPTIONS OBJECT
const options = {
  target : document.getElementById('custom-scroll-container'),
  addClasses : false
};
new ScrollDirection(options);
 
// OR JUST NOTHING
// INITIALIZE AN INSTANCE
new ScrollDirection();
 
// YOU CAN NOW ACCESS THE CUSTOM EVENT FOR THE PROVIDED ELEMENT
window.addEventListener('scrollDirectionChange',function(ev){
  console.log(ev.detail.direction);
  // PRINTS "up" OR "down"
});
 

Options

target

Type : Element
Default : window

addClasses

Type : String or Falsy value Boolean Default : body

By default scroll-direction-up and scroll-direction-down will be added to the class list of the body. You can provide a different selector or a falsy value like '' or just false.