Table of contents:

• A few words about scrollbars
• Scrollbar inside every slide
• Scrollbar inside a specific slide

jAccordion supports scrollbars inside slides using additional class scrollbar. Only scrollbar of active slide whose content is long enough is displayed, while scrollbars of inactive slides are hidden. Orientation of scrollbars is determined by orientation of jAccordion, i.e. horizontal accordion can use only horizontal scrollbars and vertical accordion can use only vertical scrollbars.

Scrollbar can be displayed in every slide (if content is long enough) by adding class scrollbar to jAccordion container.

Example of jAccordion with scrollbars inside every slide:

<div class="accordion scrollbar noJS">
	<div class="jAccordion-slidesWrapper">
		<div class="jAccordion-slide"><!--Content of slide1 - scrollbar is displayed if content is long enough--></div>
		<div class="jAccordion-slide"><!--Content of slide2 - scrollbar is displayed if content is long enough--></div>
		<div class="jAccordion-slide"><!--Content of slide3 - scrollbar is displayed if content is long enough--></div>
		<div class="jAccordion-slide"><!--Content of slide4 - scrollbar is displayed if content is long enough--></div>
	</div>
</div>

Scrollbar can be displayed in a specific slide (if content is long enough) by adding class scrollbar to the slide.

Example of jAccordion with scrollbars inside 1st and 3rd slide:

<div class="accordion noJS">
	<div class="jAccordion-slidesWrapper">
		<div class="jAccordion-slide scrollbar"><!--Content of slide1 - scrollbar is displayed if content is long enough--></div>
		<div class="jAccordion-slide"><!--Content of slide2 - scrollbar is never displayed--></div>
		<div class="jAccordion-slide scrollbar"><!--Content of slide3 - scrollbar is displayed if content is long enough--></div>
		<div class="jAccordion-slide"><!--Content of slide4 - scrollbar is never displayed--></div>
	</div>
</div>