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

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

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

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

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

от stephania , 8 месяцев назад

@hobart.rath 

Для распознавания движения страницы вниз или вверх с помощью jQuery можно использовать метод scroll() и переменную для хранения предыдущего значения скролла. Пример:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
var lastScrollTop = 0;
$(window).scroll(function() {
   var currentScrollTop = $(this).scrollTop();
   if (currentScrollTop > lastScrollTop){
    // движение вниз
   } else {
    // движение вверх
   }
   lastScrollTop = currentScrollTop;
});


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