jquery 1.9 아코디언 높이 문제

부모 높이가 400px 인 아코디언을 사용하고 있습니다. 아코디언의 높이가 400px보다 커지지 않기를 원하지만 아코디언의 개별 요소가 콘텐츠의 크기에 맞게 조정되기를 바랍니다. "heightStyle"을 "채우기"로 설정하면 높이가 400px가되도록 전체 아코디언을 얻을 수 있습니다. 이 경우 아코디언의 각 요소는 비슷한 크기를 가지므로 요소의 내용이 기본 크기보다 큰 경우 스크롤 할 수있게됩니다. 그러나 내용이 작 으면 빈 공간이 많이 생기므로 원하지 않습니다.jquery 1.9 아코디언 높이 문제

물론 "heightStyle"을 "content"로 설정하여 각 요소를 콘텐츠 크기로 만들 수 있지만이 경우 아코디언의 확장 된 크기는 400px보다 커질 수 있습니다. 그래서 내가 원하는 것은 "채우기"와 "내용"의 조합입니다.이 동작을 얻는 방법을 알고 있습니까?

감사합니다.

출처

2013-02-22 esse

CSS에서 max-height 및 overflow 속성을 설정하면됩니다. Here is a demo :

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

난 그냥 데모 목적으로 200 픽셀로 데모 최대 높이를 설정합니다.

출처

2013-02-23 00:58:42 Mottie

아코디언의 전체 크기가 400px가되도록 최대 높이를 조절해야했습니다. 전체 아코디언 높이는 열린 내용과 닫힌 내용의 머리글 크기를 합한 것입니다. 매우 감사 :) – esse

jquery 1.9 아코디언 높이 문제

답변

관련 문제