$(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(); }); }); $(function() { $("body").prepend($('#mobile-fadin')); var width = parseInt($( document ).width() / 100 * 75); $('#mobile-fadin').css({'width': width + 'px', 'left' : '-' + width + 'px'}); $('[data-toggle="mobile-fadin"]').click(function() { function slideIn32() { $('#mobile-fadin').show(); $("body").css({'overflow': 'hidden'}); $("#wrapper").css({'position':'fixed', 'top':'0', 'left': '0px', 'z-index':'2', 'width':$("#wrapper").width()}); $('#mobile-fadin').animate({ left: '0px' }, 700); $("#wrapper").animate({ left: width + 'px' }, 700, function() { $("#wrapper").on('click', function(){if (parseInt($('#mobile-fadin').css("left")) == 0) { slideOut32();}}); }); } function slideOut32() { $("#wrapper").animate({ left: '0px' }, 700); $('#mobile-fadin').animate({ left: '-' + width + 'px', }, 700, function() { $('#mobile-fadin').hide(); $("body").css({'overflow': 'auto'}); $("#wrapper").removeAttr('style'); $("#wrapper").unbind("click"); }); } if (parseInt($('#mobile-fadin').css("left")) == 0) { slideOut32(); } else { slideIn32(); } }); });