jQuery(function($) { var topPosition = 0; var headerHeight = $('#global-header-section').outerHeight(); var headerSpacer = $(''); $('#global-header-section').after(headerSpacer);$(window).scroll(function() { var scrollMovement = $(window).scrollTop();if (scrollMovement topPosition) { $('#global-header-section').removeClass('show-header').addClass('hide-header'); } else { $('#global-header-section').removeClass('hide-header').addClass('show-header'); }topPosition = scrollMovement; } }); }); .hide-header { opacity: 0; margin-top: -200px !important;} .show-header { opacity: 1; margin-top: 0px !important;}#global-header-section.smooth-transition { transition: top 0.3s ease; /* Smooth transition for the top property */ } #global-header-section { -webkit-transition: all 0.5s ease !important; -moz-transition: all 0.5s ease !important; -o-transition: all 0.5s ease !important; -ms-transition: all 0.5s ease !important; transition: all 0.5s ease !important; }