jQuery 아코디언 : 스크롤 막대를 표시된 패널에 맞추는 방법이 있습니까?

Question

저는 3 ~ 12 개의 콘텐츠 패널 사이에 jQuery 아코디언 (jQuery 1.3.2, jQuery UI 1.7.2)이 있습니다.

콘텐츠 패널 중 일부는 크고 많은 콘텐츠가 있습니다. 몇몇은 작고, 조금 있습니다.

내가 확장하면 아코디언이 들어있는 div의 스크롤바 (가장 큰 패널이 펼쳐진 것처럼 css overflow: auto;이 설정 됨)가 설정됩니다.

3 개의 패널이 있다고 가정 해 보겠습니다. 하나에는 3 줄의 내용이 있고, 하나에는 20 줄이 있고, 하나에는 1000 줄이 있습니다. 처음 두 개 중 하나를 확장하면 스크롤 막대 표시기는 매우 작아지고 스크롤할만한 것이 없지만 맨 위로 이동합니다.

해결 방법이 있습니까?

마치 autoHeight:false처럼 보이지만 저에게는 효과가 없습니다.

Answer 1

고정 래퍼 높이를 설정/설정하고 overflow : auto;를 할당해야합니다. 그 안에 아코디언을 넣어 라!

<div id="accordion_wrapper"> 
    <ul id="accordion"> 
    <li></li> 
</ul> 
</div> 

결과는 다음과 유사해야합니다 는 http://jqueryui.com/demos/accordion/#no-auto-height

다음 스타일 생성 오버 플로우 스크롤은

매력 같은 오버 플로우에 매우 좋은 일이다 http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html

사용!