condensed-navigation.js

/* START: Nav functions
 * Initially based on https://medium.com/@mariusc23/hide-header-on-scroll-down-show-on-scroll-up-67bbaae9a78c */
var didScroll;
var lastScrollTop = 0;
var delta = 25;
var navbarHeight = jQuery('header.main').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 .up.
    // This is necessary so you never see what is "behind" the navbar.
    if (st > lastScrollTop && st > navbarHeight || st + jQuery(window).height() < jQuery(document).height()){
        // Scroll Down
        jQuery('header.main').addClass('compact');
	}
	
    lastScrollTop = st;

	if (lastScrollTop < 108) {
        jQuery('header.main').removeClass('compact');
	}
	/* end: Mod */
}
/* END: Hide Header on on scroll down */