Scroller - Replacing browser scrollbars

Scroller is a jQuery plugin for replacing default browser scrollbars.

• denizli escort
• denizli escort
• didim escort
• düzce escort
• edirne escort
• edirne escort
• edremit escort

Source: formstone.it

1. INCLUDE JS AND CSS FILES

<script src="jquery.js"></script>
<script src="jquery.fs.scroller.js"></script>
<link href="jquery.fs.scroller.css" rel="stylesheet">

2. HTML

<div class="scrollbar" data-scroller-options='{"customClass":"advanced","trackMargin":"15","handleSize":"40"}'>
	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla porta aliquet gravida. Aenean pulvinar blandit orci vel fermentum. Phasellus viverra pulvinar viverra. Quisque et sagittis ante. Nulla sem neque, fermentum at laoreet vel, rhoncus sit amet nisl. Donec consectetur urna ac massa placerat ac pharetra sem mollis. Integer nibh urna, placerat vel placerat in, tempor at nisi. Aenean rutrum, enim sit amet rutrum fermentum, magna justo volutpat massa, lacinia adipiscing nisl magna eget nibh. In auctor, nibh eget faucibus tristique, arcu turpis molestie orci, placerat suscipit diam nibh et erat. Curabitur tempus lectus quis odio ornare porta.</p>
</div>

3. JAVASCRIPT

$(".scrollbar").scroller({
	customClass: "advanced",
	trackMargin: 15,
	handleSize: 40
});

4. OPTIONS

Options are set by passing a valid options object at initialization or to the public "defaults" method. You can also set custom options for a specific instance by attaching a data-boxer-options attribute containing a properly formatted JSON object to the target element.

5. METHODS

Methods are publicly available to all active instances, unless otherwise stated.

$.scroller("defaults", opts);

$(".target").scroller("destroy");

$.scroller("scroll", pos, duration);

$.scroller("reset");