【问题标题】:Problem in displaying scrollbar with Dropdown menu使用下拉菜单显示滚动条时出现问题
【发布时间】:2011-01-09 18:03:25
【问题描述】:

我正在尝试制作一个包含许多项目、子项目的菜单。如果项目增加,我想与项目一起显示滚动条。我想对子菜单等做同样的事情。

这是关于我在做什么的example

问题是,它显示水平滚动条,如果子菜单再次有一些项目作为子菜单。我只想显示垂直滚动条。并想弹出子菜单。

我正在使用css的链接。

【问题讨论】:

  • 我很确定这种行为超出了 CSS 的范围。

标签: html css menu


【解决方案1】:

您可以指定单独的水平和垂直溢出行为:

overflow-x: hidden;
overflow-y: scroll;

您的 CSS 参考资料应该告诉您这一点。这当然会使任何试图沿 x 轴弹出的子菜单完全混乱。

菜单中的滚动条也会让您的用户讨厌您,并可能为您赢得用户界面耻辱大厅的一席之地或在http://thedailywtf.com/ 上发帖。如果您正在考虑在现实世界中做这样的事情,请不要这样做。想一个不那么烦人的方式来组织你的导航。

【讨论】:

  • +投票赞成你关于不显示滚动条的建议。但是隐藏特定方向的溢出可以隐藏滚动条。但它不能弹出子菜单。 :(
  • 这应该暗示你在做你不应该做的事情。如果您想像这样混合菜单和滚动条,您最终将不得不使用 position:absolute 手动定位所有内容。
最近更新 更多