Отслеживание прокрутки страницы

19 апреля 2021, 14:30

Как при прокрутки страницы на 1000px(вверх или вниз), выполнить код:

        $('.wow').removeClass('animated');
        $('.wow').removeAttr('style');
        new WOW({}).init();

Попытка решения(не работает)

    window.addEventListener('scroll', function(e) {
            if( $(window).scrollTop() <= 50 {
                $('.wow').removeClass('animated');
                $('.wow').removeAttr('style');
                new WOW({}).init();
            }
         });

Answer 1

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

    var distance = 0;
    var prevPos = 0;
    window.addEventListener('scroll', function(e) {
         distance += Math.abs($(window).scrollTop() - prevPos);
         if(distance >= 1000){
            console.log('bingo');
         }
         prevPos = $(window).scrollTop();
    });

Answer 2

Считаем не сколько мы проскроллили, а сравниваем позиции при каждом скроле.

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

var initPosition = document.documentElement.scrollTop,
    step = 1000;
window.addEventListener('scroll', function(e) {
    if (Math.abs(document.documentElement.scrollTop - initPosition) >= step) {
    handler();
  }
});
function handler() {
    console.log(step, 'пройдено');
}