Javascript 当滚动页面时，如果移动导航栏打开，如何关闭？

如果导航栏在网站的移动视图中打开，则在滚动页面时如何关闭导航栏？最简单的方法（css或js）

对我来说，我更喜欢使用js。 这是我从中得到的一个示例，它同时处理导航栏的web视图和移动视图

var-prevScrollpos=window.pageYOffset；
window.onscroll=函数（）{
var currentScrollPos=window.pageYOffset；
如果（prevScrollpos>currentScrollPos）{
document.getElementById（“navbar”）.style.top=“0”；
}否则{
document.getElementById（“navbar”）.style.top=“-50px”；
}
prevScrollpos=当前ScrollPos；
}

正文{
保证金：0；
背景色：#f1f1；
字体系列：Arial、Helvetica、无衬线字体；
}
#导航栏{
背景色：#333；
位置：固定；
排名：0；
宽度：100%；
显示：块；
过渡：前0.3名；
}
#导航栏a{
浮动：左；
显示：块；
颜色：#F2F2；
文本对齐：居中；
填充：15px；
文字装饰：无；
字号：17px；
}
#导航栏a：悬停{
背景色：#ddd；
颜色：黑色；
}

此示例演示如何在用户开始滚动页面时隐藏导航栏

向下滚动此帧以查看效果

向上滚动以显示导航栏

Lorem ipsum door dummy text sit amet，concetetur adipiscing elit，sed do eiusmod temporal incident ut laboure and dolore magna aliqua。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡

Lorem ipsum door dummy text sit amet，concetetur adipiscing elit，sed do eiusmod temporal incident ut laboure and dolore magna aliqua。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡