如何使菜单在顺风css中滚动时始终打开和关闭

<div class="menu">
  <div class="menu-item" id="item1">菜单项1</div>
  <div class="menu-item" id="item2">菜单项2</div>
  <div class="menu-item" id="item3">菜单项3</div>
  <!-- 其他菜单项 -->
</div>

.menu {
  /* 菜单样式 */
}

.menu-item {
  /* 菜单项样式 */
}

.menu-item.open {
  /* 打开状态的菜单项样式 */
}

// 获取菜单项元素
var item1 = document.getElementById("item1");
var item2 = document.getElementById("item2");
var item3 = document.getElementById("item3");
// 其他菜单项

// 给菜单项添加点击事件监听器
item1.addEventListener("click", toggleMenu);
item2.addEventListener("click", toggleMenu);
item3.addEventListener("click", toggleMenu);
// 其他菜单项

// 点击菜单项时切换菜单的打开和关闭状态
function toggleMenu() {
  this.classList.toggle("open");
}

// 监听滚动事件
window.addEventListener("scroll", function() {
  // 判断菜单是否处于打开状态
  if (item1.classList.contains("open") || item2.classList.contains("open") || item3.classList.contains("open")) {
    // 保持菜单打开
  } else {
    // 保持菜单关闭
  }
});