jquery 1.9 手风琴高度问题

Question

我正在使用父级高度为 400 像素的手风琴。我希望手风琴的高度永远不会大于 400 像素，但我也希望手风琴的各个元素调整到其内容的大小。通过将“heightStyle”设置为“fill”，我可以让整个手风琴的高度为 400px。在这种情况下，手风琴的每个元素都有相似的大小，如果元素的内容大于默认大小，它就会变成可滚动的，但如果内容更小，你会得到很多空白空间，这是我不想要的。

当然，我可以通过将“heightStyle”设置为“content”来使每个元素都成为内容的大小，但是在这种情况下，手风琴的展开大小可以大于 400px。所以我想要的是“填充”和“内容”的组合，你知道如何获得这种行为吗？

谢谢。

Answer 1

您只需要在 css 中设置 max-height 和 overflow 属性。 Here is a demo:

#accordion .ui-accordion-content {
    max-height: 400px;
    overflow-y: auto;
}

出于演示目的，我将演示最大高度设置为 200 像素。