Sticky Nav

Sticky Nav

var stickyHeader = function($anchor,$header){
	var windowTop = $(window).scrollTop(),
		anchorTop = $anchor.offset().top
		;
	// second condition is to ensure sticky nav only initiates on desktop
	if ( (windowTop > anchorTop) && (window.outerWidth > 565) ) {
		$header.addClass('stuck')
			;
	} else {
		$header.removeClass('stuck')
			;
	}
};
$(window).on("scroll", function(){
	if (document.getElementById("stuck-nav") ) {
		stickyHeader( $("#stuck-nav"), $("#stuck-nav + header") );
	}
});
 
 
 
<div id="stuck-nav"></div>
<header>ALL VISIBLE THINGS IN HEADER</header>
 
 
 
header.stuck {
    position: fixed;
    left: auto;
    top: 0;
    width: 100%;
    z-index: 5;
    display: block;
}