scrolltop обнаруживает прокрутку несколько раз

Question

Im используя следующий пример, чтобы определить направление прокрутки. Однако, похоже, он действует на каждое движение прокрутки. Есть ли способ заставить его работать только тогда, когда меняется направление?

var lastScrollTop = 0; 
$(window).scroll(function(event){ 
    var st = $(this).scrollTop(); 
    if (st > lastScrollTop){ 
     // downscroll code 
    } else { 
     // upscroll code 
    } 
    lastScrollTop = st; 
}); 

Answer 1

Несомненно. Просто используйте переменную-заполнителя, которая отслеживает пройденное последнее направление, а затем возвращает false, если это совпадение.

var lastScrollTop = 0; 
var lastDirection = ""; 
$(window).scroll(function (event) { 
    var st = $(this).scrollTop(); 
    if (st > lastScrollTop) { 
     lastScrollTop = st; 
     if (lastDirection === 'down') return false; 
     // downscroll code 
     console.log("scrolling down"); 
     lastDirection = 'down'; 
    } else { 
     lastScrollTop = st; 
     if (lastDirection === 'up') return false; 
     // upscroll code 
     console.log("scrolling up"); 
     lastDirection = 'up'; 
    } 

});