滚动时调整导航栏的大小

Question

我很困，这就是为什么我需要您的帮助。 因此，我创建了一个网站，向下滚动时，导航的大小应调整为较小的栏。

因此，我需要if语句来检查页面宽度是否小于900px，然后导航栏应调整为特定像素的大小，如果屏幕大于900px，则应使用“ else”语句。

        <script>
        if($(window).width() > 900px){

        var prevScrollpos = window.pageYOffset;
        window.onscroll = function ()
        {
            var currentScrollPos = window.pageYOffset;
            //Scrolling upwards
            if (prevScrollpos > currentScrollPos)
            {
                document.getElementById("menuBar").style.top = "0";
                document.getElementById("navBar").style.top = "200px";
            }
            //Scrolling downwards
            else
            {
                document.getElementById("menuBar").style.top = "-80px";
                document.getElementById("navBar").style.top = "118px";
            }
        prevScrollpos = currentScrollPos;
       }
    }
    else{
        var prevScrollpos = window.pageYOffset;
        window.onscroll = function ()
        {
            var currentScrollPos = window.pageYOffset;
            //Scrolling upwards
            if (prevScrollpos > currentScrollPos)
            {
                document.getElementById("menuBar").style.top = "0";
                document.getElementById("navBar").style.top = "20px";
            }
            //Scrolling downwards
            else
            {
                document.getElementById("menuBar").style.top = "-20px";
                document.getElementById("navBar").style.top = "11px";
            }
        prevScrollpos = currentScrollPos;
       }
    }
    </script>

因此，如果我删除了“ if and else”，那么我可以在移动设备和PC屏幕上使用该功能，但是如果在PC上滚动，则导航栏将覆盖屏幕的40％。