Adam bu şekilde yapmış :D

$(window).scroll( function() { var scrollVal = $(this).scrollTop(); if ( scrollVal > 150 ){ $('.header_top').stop().animate({ top: '-130', opacity: 1 }, 100, function() { // Animation complete. $('.second_logo').show().stop().animate({ width: '50' }, 100, function() { $('.second_logo img').fadeIn(500); }); }); $('.logo, .social').hide(); $('#nav_top').css('padding-top', '102px'); $('.scroll_top, .next_prev_nav').fadeIn(500); }else{ $('.header_top').stop().animate({ top: '0px', opacity: 1 }, 100, function() { // Animation complete. }); $('.logo, .social').show(); $('.scroll_top, .next_prev_nav').fadeOut(50); $('#nav_top').css('padding-top', '38px'); $('.second_logo img').css('display','none'); $('.second_logo').stop().animate({ width: '0' }); } if ( scrollVal > 40 ){ $(".header_top").hover(function() { $('.header_top').stop().animate({ opacity: 1 }); }, function () { $('.header_top').stop().animate({ opacity: 1 }) }); } });