javascript - Bootstrap Accordion - 设置为特定高度

Question

我有一个 bootstrap accordion，它有一个一英里长的列表，我想将 OPENED 高度设置为大约 200 像素。当我在 CSS 中执行此操作时， Accordion 打开，但达到全高，然后在打开后设置为 200px。

我不仅尝试为折叠类设置样式，还尝试为类中的折叠和折叠设置样式，所做的只是打开 Accordion 弹出框，没有动画。

CSS:

.collapse.in, .collapse{
  height: 200px;
  overflow-y: scroll;
}

我需要在哪里设置高度，以便 Accordion 仅打开到 200px 并在 200px 停止动画？

示例:http://jsfiddle.net/murphy1976/c8nw2jmo/1/

Answer 1

待打开页面的内容高度较大。 Bootstrap Accordion 是为显示所有内容而构建的。

如果您将包装 html 元素设置为固定高度，它会起作用，如 updated fiddle 中所示

<form id="max200">

#max200 {
    height: 200px;
  overflow-y: scroll;
}