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

Question

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

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

JSFiddle

我已尝试将最大高度应用于#menu和.list-group.panel

Answer 1

一个项目是38px所以你可以设置一个max-height到.sublinks div到你想要显示的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 ...稍后您会遇到分辨率问题。