Mac OS X Lion Style Scrollbar Plugin For jQuery - Lionbars

Mac OS X Lion Style Scrollbar Plugin For jQuery  - Lionbars
File Size: 12 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Meteor Lionbars is a jQuery plugin that add a Mac OS X Lion style scrollbar to your html container containing overflowed long content.

Basic Usage:

1. Include the latest jQuery library together with lionbars.css and lionbars.js into the head section of your document.

<link href="../lib/css/lionbars.css" rel="stylesheet" type="text/css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="../lib/js/lionbars.js"></script>

2. Create a container in your document.

<div class="box">
<p>Your Content Goes Here.</p>
</div>

3. Make the container scrollable using overflow property in the CSS.

.box {
width: ...
height: ...
overflow: auto;
}

4. Call the plugin on the container and you're done.

<script>
$(document).ready(function() {
$('.box').lionbars();
});
</script>

This awesome jQuery plugin is developed by Charuru. For more Advanced Usages, please check the demo page or visit the official website.