Scrolline.js

Download Demo
Scrolline.js is a jQuery plugin. Create a scroll line bar indicator on the page.
Compatibility
Safari
Firefox
Chrome
IE
Safari mobile
1. INCLUDE JS FILES


2. JAVASCRIPT
$.scrolline({
reverse : true,
position : ‘bottom’,
backColor : ‘#2980b9′,
frontColor : ‘#f1c40f’,
weight : 12
});
3. OPTIONS
You can apply a set of optional options:

backColor – Define the color of back’s scrolline (default ‘#ecf0f1′)
direction – Can be vertical or horizontal (default ‘horizontal’)
frontColor – Define the color of front’s scrolline (default ‘#2ecc71′)
opacity – Define alpha’s scrolline, value must be between 0 and 1 (default 1)
position – Define the position of scrolline : top and bottom for horizontal’s position, left or rightfor vertical’s position (default top in horizontal and left in vertical)
reverse – Revert the front line sens on set value at true (default false)
weight – Define the larger of scrolline on pixels (default 5)
zindex – Change the z-index value if needed (default 10)
scrollEnd – Callback’s function call at the end of scrolling
Share