Détection du scroll vertical (haut / bas)

// Initial state
var scrollPos = 0;
// adding scroll event
window.addEventListener('scroll', function(){ scrolling() });

// the function : compares the "new" scrolling state with the previous
// (this allows detecting either "up" or "down" scrolling)
// then saves the new in the $previous for the next iteration.

function scrolling() {
    if ((document.body.getBoundingClientRect()).top > scrollPos) {
        console.log('scrolling DOWN');
    } else {
        console.log('scrolling UP');
    }
    scrollPos = (document.body.getBoundingClientRect()).top;
}

javascript vanilla

http://lehollandaisvolant.net/?mode=links&id=20160224192625

Texte seul - Permalink - Snippet public posté le 28/02/2016