Аккордеон не имеет правильного размера, когда установлен на складную и высоту заполнения

0

Здесь 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.

Если вы отключите сборку или установите высоту в контент, она будет работать правильно. Однако мне нужен складной аккордеон, размер которого зависит от его содержания.

Я установил максимальную высоту до 600 пикселей, которая намного превышает размер содержимого, так как я хочу, чтобы аккордеоны имели слишком много контента, чтобы иметь полосу прокрутки.

Есть идеи?

Теги:

1 ответ

1
Лучший ответ

Если вы установите максимальную высоту в содержимом аккордеона и установите для параметра heightStyle значение, вы получите необходимую функциональность. Нет прокрутки для одной строки, полосы прокрутки для чего-либо более макс. См.: http://jsfiddle.net/4RN7v/1/

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

уф. Надеюсь это поможет.

Поделиться
  • 0
    К сожалению, это не совсем работает, если вы наберете какой-нибудь текст ниже, например, jsfiddle.net/3PHUy, вы увидите, что он зарезервировал место под ним. Мне также нужно установить минимальную высоту, потому что я не знаю, какой должна быть высота, только максимальная высота. Однако настройка max-height не работает.
  • 0
    @SLC Извините за плотность, но зачем вам минимальная и максимальная высота, а не просто высота, если вы хотите, чтобы содержимое переполнялось прокруткой? Конечно, это сделает дизайн остальной части вашей страницы проще?
Показать ещё 3 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню