jquery 1.9 Accordion 高度问题

Question

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

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

谢谢。

Answer 1

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

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

我将演示最大高度设置为 200px 只是为了演示目的。