Как распознать движение страницы вниз или вверх с помощью jquery?

Пользователь

от francisco.friesen , в категории: JavaScript , 8 месяцев назад

Как распознать движение страницы вниз или вверх с помощью jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от quinton.prosacco , 8 месяцев назад

@francisco.friesen 

Вы можете использовать следующий код на jQuery для распознавания движения страницы вниз или вверх:

1
2
3
4
5
6
7
8
9
$(window).on('scroll', function() {
    var currentPosition = $(this).scrollTop();
    if (currentPosition > previousPosition) {
        console.log('Страница прокручивается вниз');
    } else {
        console.log('Страница прокручивается вверх');
    }
    previousPosition = currentPosition;
});


В этом коде мы прослушиваем событие прокрутки окна браузера. Затем мы сравниваем текущую позицию прокрутки с предыдущей позицией. Если текущая позиция больше предыдущей, значит, страница прокручивается вниз. В противном случае, если текущая позиция меньше предыдущей, значит, страница прокручивается вверх.