如何在滚动中关闭移动导航栏

var prevScrollpos = window.pageYOffset;
var navbar = document.getElementById("navbar");  // 导航栏的ID

window.addEventListener("scroll", function() {
  var currentScrollPos = window.pageYOffset;
  var scrollingDown = currentScrollPos > prevScrollpos;

  // 判断滚动位置，这里假设导航栏应该在滚动到100像素后关闭
  if (currentScrollPos > 100) {
    // 关闭导航栏的操作，可以根据实际情况进行修改
    if (scrollingDown) {
      navbar.style.top = "-50px";  // 修改导航栏的top属性来隐藏导航栏
    } else {
      navbar.style.top = "0";  // 恢复导航栏的top属性来显示导航栏
    }
  }

  prevScrollpos = currentScrollPos;
});