当使用js或jquery向下/向上滚动时，我想隐藏/显示导航栏

<nav class="navbar">
  <!-- 导航栏内容 -->
</nav>

.navbar {
  /* 导航栏样式 */
}

.hide {
  display: none;
}

var prevScrollpos = window.pageYOffset;
window.onscroll = function() {
  var currentScrollPos = window.pageYOffset;
  
  if (prevScrollpos > currentScrollPos) {
    // 向上滚动
    $(".navbar").removeClass("hide");
  } else {
    // 向下滚动
    $(".navbar").addClass("hide");
  }
  
  prevScrollpos = currentScrollPos;
}