documentation
Demo 1 (Right) Demo 2 (Left) Demo 3 (Top) Demo 4 (Bottom) Demo 5 (No Thumb) Demo 6 (Use Fontawesome)
Plugin Customization
Paremeter Description Code
use_image_icon

Check out the demo 1, once you scroll through the page menu will appear on the page to the right. You can see various image icons there.

Using this parameter we can set a different image for each menu item

Defult value is true use_image_icon : true

We have to set image path through scrollimage attribute in element

example : scrollimage="img/icon1.png"

We can also use iconic font insted of image fot that you have to use scrollimagehtml attribute

example : scrollimagehtml="<i class='fa fa-folder-open'></i>"
$(element).pagescroll({
    'use_image_icon': true
});
noconflict

If this plugin conflicts with other plugin code then you can use this parameter

Defult value is false noconflict : false
$(element).pagescroll({
    'noconflict': false
});
position

Check out all the demos, once you scroll through the page menu will appear on different sides of the page.

This is the param you can use to set the position.

Defult value is 'right' position : 'right'

You can set 'left', 'top', 'bottom' position as well.

$(element).pagescroll({
    'position': 'right'
});
pause_time

Once you scroll through the page menu will appear and stay for a while and then disappear. So you can set the time here and a menu will appear on the screen for that time.

Defult value is 5000 pause_time : 2000
$(element).pagescroll({
    'pause_time': 5000
});
scroll_speed

Using this parameter we can set page scroll speed (on click of menu item)

Defult value is 500 scroll_speed : 500
$(element).pagescroll({
    'scroll_speed': 500
});
display_limit

If you don't want the menu list to appear on the screen every time you scroll, you can set a limit here. Suppose you set 5 then the element list appears only 5 times on the scroll.

Defult value is 10000 display_limit : 10000
$(element).pagescroll({
    'display_limit': 5
});
top_space

The scroll starts when you click on a menu item and reaches a certain element at the top of the page. This parameter allows you to define the space between the document top and the element in pixels..

Defult value is 50 top_space : 50
$(element).pagescroll({
    'top_space': 50
});