在巨大的下拉菜单中添加滚动条

Question

我目前正在我的网站上工作，我的响应式设计菜单出现问题。问题是这个菜单包含很多东西，当你打开它时，内容从屏幕区域消失，无法看到整个列表。如何在该菜单中添加滚动条？或者至少，我可以添加一些向上和向下箭头吗？

非常感谢你的帮助！

Answer 1

试试这个

.menu{
overflow-y:scroll;
height: 300px;
}

Answer 2

对于水平菜单：

.horizonal_menu {
  overflow-x: auto;
  overflow-y: hidden;
}

垂直菜单：

.vertical_menu {
  overflow-x: hidden;
  overflow-y: auto;
}

其中auto仅在必要时添加滚动条，即 - 如果默认情况下剪切项目。 有关更多CSS overflow信息，请参阅this page。