Menü ausblenden bei Scrollen nach unten (aber nur nach 50px)

Question

Dieses Skript macht es so, wenn Sie in einem Browser nach unten scrollen, verschwindet die Navigationsleiste hinter der Kopfzeile. Ich habe mich gefragt, ob es möglich ist, wenn es sich stattdessen versteckte, sobald Sie nach unten scrollten und es versteckten, nachdem ein Benutzer eine bestimmte Anzahl von Pixeln scrollt (sagen wir 50px), um zu vermeiden,

Vielen Dank im Voraus für jede Richtung.

// Nav Scroll-Test

var prev = 0; 
var $window = $(window); 
var nav = $('#belowhead'); 

$window.on('scroll', function(){ 

    var scrollTop = $window.scrollTop(); 
    nav.toggleClass('hidden', scrollTop > prev); 
    prev = scrollTop; 
}); 

Answer 1

Sie können in Ihrem "window.on ('scroll')" setzen diese Funktion:

if(scrollTop > 50) { 

    nav.addClass('hidden'); 

} else { 

    nav.removeClass('hidden'); 

}