$(function() { var top = $('#header').offset().top; var scrollTarget = parseInt($('#header').height()) + 100; var stickyNav = function(){ var scrollTop = $(window).scrollTop(); if (scrollTop > scrollTarget) { if ($('#header.container-sticky').length == 0) { clone = $('#header').before($('#header').clone(true)); $(clone).addClass('container-sticky'); $(clone).css('margin-top', -$('#header').height()); $(clone).animate({ marginTop: 0, }, 500); } } if (scrollTop > 0 && scrollTop < scrollTarget) { $('#header.container-sticky').animate({ marginTop: -$('#header').height()}, 350, function() { $('#header.container-sticky').remove(); });} if (scrollTop > 0 && scrollTop < scrollTarget - 100) { $('#header.container-sticky').remove(); } }; stickyNav(); $(window).scroll(function() { stickyNav(); }); });