Плавающая шапка появляется при скролле сайта вверх после n скролов

gistfile1.txt

Плавающая шапка появляется при скролле сайта вверх после n скролов
// =========== FLOATING HEADER
    var pageYPos = window.pageYOffset;
    var scrollUpTime = 0;
    $(document).on('scroll',function(e){
        let scrollDirection = ( (window.pageYOffset - pageYPos) > 0 ) ? 'down' : 'up';
        pageYPos = window.pageYOffset;
        scrollUpTime++;
        if ( scrollDirection === 'up' && window.pageYOffset < 700 ) {
            $('#floating-header').fadeOut(300, function(){
                $(this).removeClass('d-flex');
            });
            scrollUpTime = 0;
        }
        else if ( scrollDirection === 'up' && window.pageYOffset > 700 && scrollUpTime > 20 ) {
            $('#floating-header').fadeIn(300).addClass('d-flex');
        }
        else if ( scrollDirection === 'down' ) {
            $('#floating-header').fadeOut(300, function(){
                $(this).removeClass('d-flex');
            });
            scrollUpTime = 0;
        }
    });