¿Alguien puede ayudarme a modificar el siguiente código para que el encabezado solo se muestre nuevamente una vez que el usuario se haya desplazado hasta la parte superior de la página, en lugar de una vez que comience a desplazarse hacia arriba como está ahora?

Aquí está el código que estoy usando actualmente:

 <script type="text/javascript"> // Hide Header on on scroll down var didScroll; var lastScrollTop = 0; var delta = 5; var navbarHeight = jQuery('.site-header').outerHeight(); jQuery(window).scroll(function(event){ didScroll = true; }); setInterval(function() { if (didScroll) { hasScrolled(); didScroll = false; } }, 250); function hasScrolled() { var st = jQuery(this).scrollTop(); // Make sure they scroll more than delta if(Math.abs(lastScrollTop - st) <= delta) return; // If they scrolled down and are past the navbar, add class .nav-up. // This is necessary so you never see what is "behind" the navbar. if (st > lastScrollTop && st > navbarHeight){ // Scroll Down jQuery('.site-header').removeClass('nav-down').addClass('nav-up'); } else { // Scroll Up if(st + jQuery(window).height() < jQuery(document).height()) { jQuery('.site-header').removeClass('nav-up').addClass('nav-down'); } } lastScrollTop = st; } </script>

¡Gracias!