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

时间:2016-01-05 16:40:33

标签: html drop-down-menu scrollbar

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

非常感谢你的帮助!

2 个答案:

答案 0 :(得分:1)

试试这个

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

答案 1 :(得分:0)

对于水平菜单:

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

垂直菜单:

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

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