css - 如何使子菜单可滚动

Question

我至少有一个很长的子菜单，另一个正在准备中。它在桌面和移动设备上看起来不错，但我想让这些子菜单可以滚动，这样它就不会太长和/或让人不知所措。

我还不熟悉 JavaScript，所以我需要一个简单的 CSS 技巧。我最接近的位于此处:

Scrolling Submenus

但它会把所有东西都打包起来，只出现最后一个菜单项。我试过让它更长，但似乎没有任何效果。

CSS:

.navbar-inverse .dropdown-menu > li > a {
  width: 185px;
  height: 400px;
  overflow-x: hidden;
  overflow-y: scroll;
  z-index: 1000 !important;
  position: fixed !important;
}

有什么建议吗？

partyfavorz.com

Answer 1

只需为您的列表设置高度并溢出-y:

.dropdown-menu {
     height: 500px; // change it as you like
     overflow-y: auto;
}