(+84) 463.28.7979

Vertical Custom Scroll Bar


This script allows you to add custom scroll bar for content box. For details about the script, please visit this link.

JavaScript

In order to make the script work, the index-#.html file should contain these lines of HTML code include the jquery.ScrollPane.js script, jquery.mousewheel.js script and the jQuery framework:

1

jquery.mousewheel.js is an optional script, with its help you can scroll using the mouse wheel.
The section of the index-#.html file contains these lines of code that initialize the script functionality with basic values:

2

Initialize jScrollPane on document.ready using a selector .scroll-pane which will find the content you want to apply jScrollPane to. Settings object documentation you can find by this link: Options Reference page.

HTML

Below you can see general HTML script representation:

3

CSS

You can find script related stylesheet in the main style.css file.

4

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>