使菜单在单击按钮时可滚动

<div class="menu-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>

.menu-container {
  height: 200px;
  overflow: hidden;
}

.menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.menu li {
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  border-bottom: 1px solid #ccc;
  overflow: auto;
}

var menuContainer = document.querySelector('.menu-container');
var menu = document.querySelector('.menu');
var button = document.querySelector('.button');

button.addEventListener('click', function() {
  if (menuContainer.style.height === '200px') {
    menuContainer.style.height = '0';
  } else {
    menuContainer.style.height = '200px';
  }
});