Dec 12

How to avoid scrollbars when using jQuery Accordion

javascript, jquery Add comments

Depending on the size of the content in your accordions panes the default settings can result in content being longer than the available space and thus causing a scrollbar to be added. To avoid this try the following settings.

$j("#accordion").accordion({
    'fillSpace': true,
    'clearStyle': true
});

written by objects \\ tags: , , ,


2 Responses to “How to avoid scrollbars when using jQuery Accordion”

  1. 1. revive Says:
    March 10th, 2010 at 11:43 pm

    I tried this,.. with and without autoHeight: true and still get the scroll bars on initial page load.. upon activating the accordion, they disappear.. the only thing that got rid of them was adding this to my main CSS file:

    .ui-accordion .ui-accordion-content{ overflow:visible !important; }

    Any other thoughts on how to remedy this??

  2. 2. revive Says:
    March 10th, 2010 at 11:58 pm

    Correction… the best solution I’ve found was to set autoHeight to true and add this to the CSS (notice change in value)

    .ui-accordion .ui-accordion-content{ overflow:hidden !important; }

Leave a Reply