如何在子菜单的twitter bootstrap下拉列表中设置溢出?

时间:2012-09-19 11:15:05

标签: css drop-down-menu twitter-bootstrap overflow

对于带有子菜单的twitter bootstrap下拉组件,我遇到了css overflow属性的问题。

当设置max-height并溢出为auto时,滚动条会出现在列表中,但子菜单会进入水平滚动下的下拉列表,这不是我需要的。

以下是此问题的示例。

http://jsfiddle.net/ftMhv/1/

我尝试过更改overflow-x和overflow-y的值,但是没有一个能够正常工作。

1 个答案:

答案 0 :(得分:1)

在你描述的事情中使用溢出时,它会隐藏其中的所有孩子。不幸的是,真的没有办法解决它。

为什么需要滚动导航下拉菜单?是因为它太长了吗?

如果是这种情况,我建议尝试采用圆柱形方法。在具有<div>的{​​{1}}中<li>,然后在其中放置子菜单。

很抱歉,但我认为这是您问题的唯一答案。

编辑:您可以使用javascript和jquery创建一个浮动的绝对定位容器,该容器显示在用户鼠标的坐标处。但这可能会变得非常毛茸茸和复杂。