Scrolline.js

Dec 23, 2014 in Scroll 8566 views

Download

User Rating: 2.5/5 ( 2 votes)

Your Rating:

Scrolline.js is a jQuery plugin. Create a scroll line bar indicator on the page.

Compatibility

1. INCLUDE JS FILES

<script src="js/jquery.js"></script>
<script src="js/scrolline.js"></script>

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

JS Tutorial