滚动时如何在不同屏幕上调整导航栏的大小

Question

我想在不同的窗口大小上不同地调整导航栏的大小，但是当我使用以下代码这样做时，当我在移动设备上向上滚动时，导航栏的大小将变成桌面上的大小向上滚动版本（第二个elseif语句）。如何进行调节，以便当我向上滚动时，导航栏会根据第4种情况（适用于手机）调整大小。

function scrollFunction() 
      if (
        window.innerWidth>815 &&
        document.body.scrollTop > 80 ||
        document.documentElement.scrollTop > 80 
      ) 
        document.getElementById("navbar").style.padding = "30px 50px";
        document.getElementById("logo").style.fontSize = "32px";
       else if (        
        window.innerWidth>815 &&
        document.body.scrollTop < 80 ||
        document.documentElement.scrollTop < 80 )
         
        document.getElementById("navbar").style.padding = "60px 50px";
        document.getElementById("logo").style.fontSize = "38px";
      
      else if(
        widnow.innerWidth<815 &&
        document.body.scrollTop > 80 ||
        document.documentElement.scrollTop > 80 
      )
        document.getElementById("navbar").style.padding = "30px 40px";
        document.getElementById("logo").style.fontSize = "32px";
      
      else if (
        window.innerWidth<815 &&
        document.body.scrollTop < 80 ||
        document.documentElement.scrollTop < 80 
      )
        document.getElementById("navbar").style.padding = "30px 40px";
        document.getElementById("logo").style.fontSize = "32px";