使javascript推式菜单可滚动(无滚动条)

.container {
  height: 300px; /* 设置容器的高度 */
  overflow: hidden; /* 隐藏溢出部分 */
}

<div class="container">
  <ul class="menu">
    <li>菜单项1</li>
    <li>菜单项2</li>
    <li>菜单项3</li>
    <li>菜单项4</li>
    <li>菜单项5</li>
    <li>菜单项6</li>
    <li>菜单项7</li>
    <li>菜单项8</li>
    <li>菜单项9</li>
    <li>菜单项10</li>
    <!-- 更多菜单项... -->
  </ul>
</div>

var container = document.querySelector('.container');
var menu = document.querySelector('.menu');

container.addEventListener('wheel', function(event) {
  var delta = event.deltaY || event.detail || (-event.wheelDelta);
  menu.scrollTop += delta;
  event.preventDefault();
});