jquery sticky header on scroll
// =============================================== // STICKY HEADER // =============================================== $(function() { var $heightTest = $('.banner'); var $bannerHeight = $heightTest.outerHeight(); var $stickyHeight = $bannerHeight - 200; console.log($bannerHeight); console.log($stickyHeight); $(window).scroll(function() { if ($(this).scrollTop() > $stickyHeight){ $('header').addClass("sticky"); } else{ $('header').removeClass("sticky"); } }); });