Question

这是一个JSFiddle：http://jsfiddle.net/gLygQ/

<div class="accordion" style="max-height:600px">
<h3>Cats</h3>
     <div>
          Some content
          <br/>
          Some more content
     </div>
 </div>
<span>No whitespace above me</span>

$(function() {
    $(".accordion").accordion({ heightStyle: "fill", collapsible: true, active: false });
});

基本上，如果将其设置为填充，如果可折叠设置为true，则不会正确调整高度。

如果您禁用了可折叠，或者将高级样式设置为内容，则它将正常工作。但是我需要一个可折叠的手风琴，根据其内容确定尺寸。

我已将最大高度设置为600px，远远超过内容大小，因为我希望手风琴内容太多而无法使用滚动条。

有什么想法吗？

Answer 1

如果您在accordion内容上设置max-height并将heightStyle设置为fill，那么您将获得所需的功能。单行无滚动，滚动条超过最大值。请参阅：http://jsfiddle.net/4RN7v/1/

    $(function() {
    $(".accordion").accordion({ heightStyle: "content", collapsible: true, active: true });
    $(".ui-accordion-content").css("max-height", "200px");
});

唷。希望这可以帮助。

设置为collapsible和heightstyle fill时，Accordion的大小不正确

1 个答案: