Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Create iOS / Mac OS X Lion style fading scrollbars for scrollable elements.
JavaScript
Branch: master
Failed to load latest commit information.
README.md fix bug with data scope
index.html ammend examples
jquery-1.7.2.min.js first commit
jquery-scrollable-1.0.1.js
jquery-scrollable-1.0.1.min.js add fade_in_time and fade_out_time options
jquery-ui-1.8.18.min.js first commit
style.css

README.md

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

Something went wrong with that request. Please try again.