如何设置Bootstrap手风琴的最大高度

Question

我使用此模板在Bootstrap中创建了一个手风琴。

由于子窗口有限，我可能会包含更多元素，并且在子链接div的内容变为可滚动状态之前，无法弄清楚如何设置菜单的最大高度。

的jsfiddle

我已经尝试过在施加最大高度都#menu和.list-group.panel

Answer 1

一项是38px，因此您可以将.sublinks div的max-height设置为要.sublinks div的数量，这样，如果您想将其设为76px或将3设为114px，以此类推。 我还添加了overflow: overlay; 因此您不会在手风琴位之外看到任何物品，它仍会添加一个滚动条。

的jsfiddle

Answer 2

这是一个如何使用您提供的代码进行滚动的示例。

div.sublinks.collapse {
    max-height: 200px;
    overflow-y: scroll;
}

http://jsfiddle.net/bjpLL5xn/3/

您将遇到的问题是，在展开时，JavaScript将使动画“跳转”。

Answer 3

.panel-group .panel+.panel {
margin-top: 3px !important;
max-height: 90% !important; //90% height of your parent div and if it crosses y-axis scroller will be shown 
overflow-y: auto !important;
}

始终使用％而不是px ...以后会出现分辨率问题。