22

✏️ Editing: sticky-header-smart.js

/*
 Title: Hide header on scroll down, show on scroll up
 Author: Marius Craciunoiu
 URL: https://medium.com/@mariusc23/hide-header-on-scroll-down-show-on-scroll-up-67bbaae9a78c

Edited by: MNKY (http://themeforest.net/user/MNKY)
*/

(function($) {
"use strict;"

var didScroll,
		lastScrollTop = 0,
		delta = 5,
		headerHeight = $('#site-header').height(),
		headerOffset = $('#site-header').offset().top,
		headerOut = headerHeight + headerOffset;
	
	$(window).scroll(function(event){
		var scrolled = $(this).scrollTop();

if (scrolled > headerOut) {
			$('#header-wrapper').addClass('header-sticky');
		} else if ( scrolled < headerOffset || scrolled == headerOffset) {
			$('#header-wrapper').removeClass('header-sticky');
			$('#header-wrapper').css('top', '');
		} 
		
        didScroll = true;
	});
	
	interval(function() {
		if (didScroll) {
			hasScrolled();
			didScroll = false;
		}
	}, 250);

setTimeout(interv, wait);
	};

function hasScrolled() {
		var st = $(this).scrollTop();

// Make sure they scroll more than delta
		if(Math.abs(lastScrollTop - st) <= delta)
			return;
		
		if (st > lastScrollTop && st > headerHeight){
			// Scroll Down
			var headerHeightTop = headerHeight + 5;
			$('#header-wrapper').css({ 'top' : '-' + headerHeightTop + 'px' });
		} else {
			// Scroll Up
			if(st + $(window).height() < $(document).height() && st > headerHeight) {
				$('#header-wrapper').css({ 'top' : '0' });
			}
		}
		
		lastScrollTop = st;
	}
	
}(jQuery));

MR SKB