jQuery accordion: is there a way to make the scrollbar fit the displayed panel?

Posted by Cheeso on Stack Overflow See other posts from Stack Overflow or by Cheeso
Published on 2010-05-28T15:30:25Z Indexed on 2010/05/28 15:52 UTC
Read the original article Hit count: 146

Filed under:
|

I have a jQuery accordion (jQuery 1.3.2, jQuery UI 1.7.2), with between 3-12 content panels.

Some of the content panels are large, and have lots of content. some are small, and have only a little.

When I expand any of them, the scrollbar on the div containing the accordion (it's got css overflow: auto;) is set as if the largest of the panels is expanded.

Let's say I have 3 panels. One has 3 lines of content, one has 20 lines, and one has 1000 lines. If I expand either of the first two, the scrollbar indicator gets very very tiny, and moves all the way to the top, even though there is nothing worth scrolling.

Is there a way to fix this?

It seems like autoHeight:false ought to do it, but that doesn't work for me.

© Stack Overflow or respective owner

Related posts about jQuery

Related posts about jquery-ui