移动菜单在滚动时消失(纯javascript)

// 获取菜单元素
var menu = document.getElementById('menu');

// 获取滚动容器元素
var container = document.getElementById('container');

// 记录上一次滚动的位置
var lastScrollTop = container.scrollTop;

// 监听滚动事件
container.addEventListener('scroll', function() {
  // 获取当前滚动的位置
  var scrollTop = container.scrollTop;

  // 判断滚动方向
  if (scrollTop > lastScrollTop) {
    // 向下滚动，隐藏菜单
    menu.style.display = 'none';
  } else {
    // 向上滚动，显示菜单
    menu.style.display = 'block';
  }

  // 更新上一次滚动的位置
  lastScrollTop = scrollTop;
});