Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jquery 1.9手风琴高度问题_Jquery_Jquery Ui_User Interface - Fatal编程技术网

jquery 1.9手风琴高度问题

jquery 1.9手风琴高度问题,jquery,jquery-ui,user-interface,Jquery,Jquery Ui,User Interface,我用的手风琴的父母身高是400像素。我希望手风琴的高度永远不要超过400px,但我也希望手风琴的各个元素能够根据其内容的大小进行调整。通过将“heightStyle”设置为“fill”,我可以将整个手风琴的高度设置为400px。在这种情况下,手风琴的每个元素都有一个相似的大小,如果元素的内容大于默认大小,它将变为可滚动的,但是如果内容较小,您将得到大量的空白,这是我不想要的 当然,我可以通过将“heightStyle”设置为“content”,使每个元素都成为内容的大小,但在这种情况下,手风琴的

我用的手风琴的父母身高是400像素。我希望手风琴的高度永远不要超过400px,但我也希望手风琴的各个元素能够根据其内容的大小进行调整。通过将“heightStyle”设置为“fill”,我可以将整个手风琴的高度设置为400px。在这种情况下,手风琴的每个元素都有一个相似的大小,如果元素的内容大于默认大小,它将变为可滚动的,但是如果内容较小,您将得到大量的空白,这是我不想要的

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


谢谢。

您只需在css中设置“最大高度”和“溢出”属性即可:


出于演示目的,我将演示最大高度设置为200px。

这样做有效,我必须调整最大高度,使手风琴的总大小为400px,因为手风琴的总高度是开放内容加上封闭内容标题大小。非常感谢:)
#accordion .ui-accordion-content {
    max-height: 400px;
    overflow-y: auto;
}