$(function() { var top = $('#header_below').offset().top; var scrollTarget = parseInt($('#header_below').height()) + 100; var stickyNav = function(){ var scrollTop = $(window).scrollTop(); if (scrollTop > scrollTarget) { if ($('#header_below.container-sticky').length == 0) { clone = $('#header_below').before($('#header_below').clone(true)); $(clone).addClass('container-sticky'); $(clone).css('margin-top', -$('#header_below').height()); $(clone).animate({ marginTop: 0, }, 500); } } if (scrollTop > 0 && scrollTop < scrollTarget) { $('#header_below.container-sticky').animate({ marginTop: -$('#header_below').height()}, 350, function() { $('#header_below.container-sticky').remove(); });} if (scrollTop > 0 && scrollTop < scrollTarget - 100) { $('#header_below.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 slideIn28() { $('#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) { slideOut28();}}); }); } function slideOut28() { $("#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) { slideOut28(); } else { slideIn28(); } }); });