¿Cómo determinar la dirección de desplazamiento en la página?

05.04.20

Usando jQuery, puedes hacer esto:

let lastScrollTop = 0;

$(window).on('scroll', function(){

    let top = $(this).scrollTop();
    if (lastScrollTop > top) {
        console.log('top');
    } else if (lastScrollTop < top) {
        console.log('down');
    }
    lastScrollTop = top;

});

O lo mismo se puede escribir en JavaScript nativo

let lastScrollTop = 0;

window.addEventListener('scroll', function(){

    let top = window.pageYOffset;
    if (lastScrollTop > top) {
        console.log('top');

    } else if (lastScrollTop < top) {
        console.log('down');
    }
    lastScrollTop = top;

});
blog comments powered by Disqus