$(window).scroll(function() { var sctop = $(document).scrolltop() if($(window).width() < 1000) { if(sctop > 0) { $('.navbar').css('top', '0') } else { $('.navbar').css('top', '.55rem') } }else{ if(sctop > 30) { $('.navbar').css('top', '0') $('.navbar').addclass('onn') } else { $('.navbar').css('top', '30px') $('.navbar').removeclass('onn') } } }) $('.menu').click(function() { $('.mobile_navbar').show() $('.mobile_navbar .box').animate({ right: '0' }) }) $('.mobile_navbar').click(function() { $('.mobile_navbar').fadeout() $('.mobile_navbar .box').animate({ right: '-70%' }) }) $('.mobile_navbar .box').click(function() { event.stoppropagation() }) $('.mobile_navbar .box img').click(function() { $('.mobile_navbar').fadeout() $('.mobile_navbar .box').animate({ right: '-70%' }) })