在滚动条上隐藏导航栏不适用于桌面浏览器，但适用于移动浏览器[JS]

Question

我的网站主页上有一个简单的JS代码：https://letsmit.000webhostapp.com，用于在向下滚动时隐藏导航栏，在向上滚动时向上弹出。

var prevScrollpos = window.pageYOffset;
      window.onscroll=function(){scrollevent()};
      function scrollevent()
      {
           var currentScrollPos = window.pageYOffset;
           if (prevScrollpos < currentScrollPos) 
           {
               document.getElementById("navbar").className = "navup";
           }
           else
           {
               document.getElementById("navbar").className = "navdown";
           }
           prevScrollpos = currentScrollPos;
      }

但是，当激活用于移动设备的CSS媒体查询并且仅拒绝在更宽的视口上工作时，此代码有效。

请您看看源代码，帮助我找出问题所在吗？

谢谢。