Добавить класс только в браузере Прокрутка вверх

Question

Там любой способ добавить класс только при прокрутке страницы браузера.

Проблема Filide>>

JS

$(window).scroll(function() {  
    var scroll = $(window).scrollTop(); 

    if (scroll <= 100) { 
     $(".nav").addClass("darkHeader"); 
    } else { 
     $(".nav").removeClass("darkHeader"); 
    } 
}); 

Проблема заключается в следующем Js добавить класс при прокрутки вниз страницы. Но я хочу добавить класс в браузере Scroll Up, после чего при прокрутке вниз класс будет удален.
См. Пример demo>>

Answer 1

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

// Script 
lastScroll = 0; 
$(window).on('scroll',function() {  
    var scroll = $(window).scrollTop(); 
    if(lastScroll - scroll > 0) { 
     $(".nav").addClass("darkHeader"); 
    } else { 
     $(".nav").removeClass("darkHeader"); 
    } 
    lastScroll = scroll; 
}); 

JSFiddle