Braije Christophe - Scrollbar replacement

Go to content

Scrollbar

Parameters

<div class="scrollBarConfig[arrow:1] userClass">	
	// any content
</div>

XHTML

<div class="userClass scrollBarConfig[arrow:1]">	
	<div class="scrollBar-box">	
		// any content
	</div>	
	<div class="scrollBar-bar scrollBar-barY">	
		<div class="scrollBar-face scrollBar-faceY">	
			<div class="scrollBar-track scrollBar-trackY">	
				<span></span>	
			</div>	
		</div>	
		<div class="scrollBar-arrow scrollBar-up">	
			<span></span>	
		</div>	
		<div class="scrollBar-arrow scrollBar-down">	
			<span></span>	
		</div>	
	</div>	
	<div class="scrollBar-bar scrollBar-barX">	
		<div class="scrollBar-face scrollBar-faceX">	
			<div class="scrollBar-track scrollBar-trackX">	
				<span></span>	
			</div>	
		</div>	
		<div class="scrollBar-arrow scrollBar-left">	
			<span></span>	
		</div>	
		<div class="scrollBar-arrow scrollBar-right">	
			<span></span>	
		</div>	
	</div>	
	<div class="scrollBar-mask"></div>	
</div>

Stylesheets rules

.userClass .scrollBar-box{}
.userClass .scrollBar-bar{}
.userClass .scrollBar-barX{}
.userClass .scrollBar-barY{}
.userClass .scrollBar-face{}
.userClass .scrollBar-faceX{}
.userClass .scrollBar-faceY{}
.userClass .scrollBar-track{}
.userClass .scrollBar-trackX{}
.userClass .scrollBar-trackY{}
.userClass .scrollBar-arrow{}
.userClass .scrollBar-up{}
.userClass .scrollBar-down{}
.userClass .scrollBar-left{}
.userClass .scrollBar-right{}
.userClass .scrollBar-mask{}

Demo 1

Ergo disputabunt semper locus benevolentiae circumfluere nullus ullo quis ipse atque in de homines abundantia qui qua tyrannorum suspecta enim locus neque nulla pro usu enim ut circumfluere usu neque.

Ergo disputabunt semper locus benevolentiae circumfluere nullus ullo quis ipse atque in de homines abundantia qui qua tyrannorum suspecta enim locus neque nulla pro usu enim ut circumfluere usu neque.

Ergo disputabunt semper locus benevolentiae circumfluere nullus ullo quis ipse atque in de homines abundantia qui qua tyrannorum suspecta enim locus neque nulla pro usu enim ut circumfluere usu neque.

Ergo disputabunt semper locus benevolentiae circumfluere nullus ullo quis ipse atque in de homines abundantia qui qua tyrannorum suspecta enim locus neque nulla pro usu enim ut circumfluere usu neque.

Ergo disputabunt semper locus benevolentiae circumfluere nullus ullo quis ipse atque in de homines abundantia qui qua tyrannorum suspecta enim locus neque nulla pro usu enim ut circumfluere usu neque.

Ergo disputabunt semper locus benevolentiae circumfluere nullus ullo quis ipse atque in de homines abundantia qui qua tyrannorum suspecta enim locus neque nulla pro usu enim ut circumfluere usu neque.

Ergo disputabunt semper locus benevolentiae circumfluere nullus ullo quis ipse atque in de homines abundantia qui qua tyrannorum suspecta enim locus neque nulla pro usu enim ut circumfluere usu neque.

Ergo disputabunt semper locus benevolentiae circumfluere nullus ullo quis ipse atque in de homines abundantia qui qua tyrannorum suspecta enim locus neque nulla pro usu enim ut circumfluere usu neque.

END: Ergo disputabunt semper locus benevolentiae circumfluere nullus ullo quis ipse atque in de homines abundantia qui qua tyrannorum suspecta enim locus neque nulla pro usu enim ut circumfluere usu neque.

Demo 2

Ergo disputabunt semper locus benevolentiae circumfluere nullus ullo quis ipse atque in de homines abundantia qui qua tyrannorum suspecta enim locus neque nulla pro usu enim ut circumfluere usu neque.

Ergo disputabunt semper locus benevolentiae circumfluere nullus ullo quis ipse atque in de homines abundantia qui qua tyrannorum suspecta enim locus neque nulla pro usu enim ut circumfluere usu neque.

Ergo disputabunt semper locus benevolentiae circumfluere nullus ullo quis ipse atque in de homines abundantia qui qua tyrannorum suspecta enim locus neque nulla pro usu enim ut circumfluere usu neque.

Ergo disputabunt semper locus benevolentiae circumfluere nullus ullo quis ipse atque in de homines abundantia qui qua tyrannorum suspecta enim locus neque nulla pro usu enim ut circumfluere usu neque.

Ergo disputabunt semper locus benevolentiae circumfluere nullus ullo quis ipse atque in de homines abundantia qui qua tyrannorum suspecta enim locus neque nulla pro usu enim ut circumfluere usu neque.

Ergo disputabunt semper locus benevolentiae circumfluere nullus ullo quis ipse atque in de homines abundantia qui qua tyrannorum suspecta enim locus neque nulla pro usu enim ut circumfluere usu neque.

Ergo disputabunt semper locus benevolentiae circumfluere nullus ullo quis ipse atque in de homines abundantia qui qua tyrannorum suspecta enim locus neque nulla pro usu enim ut circumfluere usu neque.

Ergo disputabunt semper locus benevolentiae circumfluere nullus ullo quis ipse atque in de homines abundantia qui qua tyrannorum suspecta enim locus neque nulla pro usu enim ut circumfluere usu neque.

END: Ergo disputabunt semper locus benevolentiae circumfluere nullus ullo quis ipse atque in de homines abundantia qui qua tyrannorum suspecta enim locus neque nulla pro usu enim ut circumfluere usu neque.

Demo 3

Ergo disputabunt semper locus benevolentiae circumfluere nullus ullo quis ipse atque in de homines abundantia qui qua tyrannorum suspecta enim locus neque nulla pro usu enim ut circumfluere usu neque.

Ergo disputabunt semper locus benevolentiae circumfluere nullus ullo quis ipse atque in de homines abundantia qui qua tyrannorum suspecta enim locus neque nulla pro usu enim ut circumfluere usu neque.

Ergo disputabunt semper locus benevolentiae circumfluere nullus ullo quis ipse atque in de homines abundantia qui qua tyrannorum suspecta enim locus neque nulla pro usu enim ut circumfluere usu neque.

Ergo disputabunt semper locus benevolentiae circumfluere nullus ullo quis ipse atque in de homines abundantia qui qua tyrannorum suspecta enim locus neque nulla pro usu enim ut circumfluere usu neque.

Ergo disputabunt semper locus benevolentiae circumfluere nullus ullo quis ipse atque in de homines abundantia qui qua tyrannorum suspecta enim locus neque nulla pro usu enim ut circumfluere usu neque.

Ergo disputabunt semper locus benevolentiae circumfluere nullus ullo quis ipse atque in de homines abundantia qui qua tyrannorum suspecta enim locus neque nulla pro usu enim ut circumfluere usu neque.

Ergo disputabunt semper locus benevolentiae circumfluere nullus ullo quis ipse atque in de homines abundantia qui qua tyrannorum suspecta enim locus neque nulla pro usu enim ut circumfluere usu neque.

Ergo disputabunt semper locus benevolentiae circumfluere nullus ullo quis ipse atque in de homines abundantia qui qua tyrannorum suspecta enim locus neque nulla pro usu enim ut circumfluere usu neque.

END: Ergo disputabunt semper locus benevolentiae circumfluere nullus ullo quis ipse atque in de homines abundantia qui qua tyrannorum suspecta enim locus neque nulla pro usu enim ut circumfluere usu neque.

Demo 4

Ergo disputabunt semper locus benevolentiae circumfluere nullus ullo quis ipse atque in de homines abundantia qui qua tyrannorum suspecta enim locus neque nulla pro usu enim ut circumfluere usu neque.

Ergo disputabunt semper locus benevolentiae circumfluere nullus ullo quis ipse atque in de homines abundantia qui qua tyrannorum suspecta enim locus neque nulla pro usu enim ut circumfluere usu neque.

Ergo disputabunt semper locus benevolentiae circumfluere nullus ullo quis ipse atque in de homines abundantia qui qua tyrannorum suspecta enim locus neque nulla pro usu enim ut circumfluere usu neque.

Ergo disputabunt semper locus benevolentiae circumfluere nullus ullo quis ipse atque in de homines abundantia qui qua tyrannorum suspecta enim locus neque nulla pro usu enim ut circumfluere usu neque.

Ergo disputabunt semper locus benevolentiae circumfluere nullus ullo quis ipse atque in de homines abundantia qui qua tyrannorum suspecta enim locus neque nulla pro usu enim ut circumfluere usu neque.

END: Ergo disputabunt semper locus benevolentiae circumfluere nullus ullo quis ipse atque in de homines abundantia qui qua tyrannorum suspecta enim locus neque nulla pro usu enim ut circumfluere usu neque.

Demo 5

Ergo disputabunt semper locus benevolentiae circumfluere nullus ullo quis ipse atque in de homines abundantia qui qua tyrannorum suspecta enim locus neque nulla pro usu enim ut circumfluere usu neque.

Ergo disputabunt semper locus benevolentiae circumfluere nullus ullo quis ipse atque in de homines abundantia qui qua tyrannorum suspecta enim locus neque nulla pro usu enim ut circumfluere usu neque.

Ergo disputabunt semper locus benevolentiae circumfluere nullus ullo quis ipse atque in de homines abundantia qui qua tyrannorum suspecta enim locus neque nulla pro usu enim ut circumfluere usu neque.

Ergo disputabunt semper locus benevolentiae circumfluere nullus ullo quis ipse atque in de homines abundantia qui qua tyrannorum suspecta enim locus neque nulla pro usu enim ut circumfluere usu neque.

Ergo disputabunt semper locus benevolentiae circumfluere nullus ullo quis ipse atque in de homines abundantia qui qua tyrannorum suspecta enim locus neque nulla pro usu enim ut circumfluere usu neque.

Ergo disputabunt semper locus benevolentiae circumfluere nullus ullo quis ipse atque in de homines abundantia qui qua tyrannorum suspecta enim locus neque nulla pro usu enim ut circumfluere usu neque.

Ergo disputabunt semper locus benevolentiae circumfluere nullus ullo quis ipse atque in de homines abundantia qui qua tyrannorum suspecta enim locus neque nulla pro usu enim ut circumfluere usu neque.

Ergo disputabunt semper locus benevolentiae circumfluere nullus ullo quis ipse atque in de homines abundantia qui qua tyrannorum suspecta enim locus neque nulla pro usu enim ut circumfluere usu neque.

Ergo disputabunt semper locus benevolentiae circumfluere nullus ullo quis ipse atque in de homines abundantia qui qua tyrannorum suspecta enim locus neque nulla pro usu enim ut circumfluere usu neque.

END: Ergo disputabunt semper locus benevolentiae circumfluere nullus ullo quis ipse atque in de homines abundantia qui qua tyrannorum suspecta enim locus neque nulla pro usu enim ut circumfluere usu neque.