Показ и скрытие шапки при скролле

<!-- Меню исчезает при скролле вниз и появляется при скролле вверх -->
<style>
.menu-st {transition:  all 0.4s cubic-bezier(0, 0, 0.8, 1.0)}
.uc-hide-show-menu{
    transform: translateY(-100%);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}
.uc-hide-show-menu.show-menu{
    transform: translateY(0%)
}
</style>

<script>
$(document).ready(function(){
let distance = 200;
let startHide = false;

let menuID = $('.uc-hide-show-menu');
setTimeout(function(){
    menuID.addClass('menu-st');  
    if(!startHide){
        let top = $(document).scrollTop();
        if(top<distance){
            menuID.addClass('show-menu');
        };
    };
}, 100);

let scrollPrev = 0; 
$(window).scroll(function() { 
        let top = $(document).scrollTop();
		if ( (top > scrollPrev) && (top >= distance) ) { 
		    $('.menu-st').removeClass('show-menu');
		}else{ 
		    $('.menu-st').addClass('show-menu'); 
		    if(startHide && top < distance){
		        $('.menu-st').removeClass('show-menu');
		    }else{
		        $('.menu-st').addClass('show-menu');
		    };
		};
		scrollPrev = top;
});
});
</script>