GitHunt
RE

rehandalal/jquery-scrollable

Create iOS / Mac OS X Lion style fading scrollbars for scrollable elements.

jQuery Scrollable

A jQuery plugin to create iOS / Mac OS X Lion style fading scrollbars for scrollable elements.

Currently this plugin only supports vertical scrolling.

Dependencies

  • jQuery 1.7.2
  • jQuery UI (For draggables)

Usage

First, load jQuery, jQuery UI and the plugin:

<script type="text/javascript" src="jquery-1.7.2.min.js" />
<script type="text/javascript" src="jquery-ui-1.8.18.min.js" />
<script type="text/javascript" src="jquery-scrollable-1.0.1.min.js" />

Next let's attach it to the DOM:

<script type="text/javascript>
    $(document).ready(function(){
        $('#scrollable-div').scrollable();
    });
</script>

Additionally you may pass options through to this function:

<script type="text/javascript>
    $(document).ready(function(){
        $('#scrollable-div').scrollable({
            margin: 6,
            show_track: true
        });
    });
</script>

For more usage and examples see: index.html

Languages

JavaScript100.0%

Contributors

Created April 19, 2012
Updated January 28, 2023
rehandalal/jquery-scrollable | GitHunt