Mac OS X Lion Style Scrollbar Plugin For jQuery - Lionbars
File Size: | 12 KB |
---|---|
Views Total: | 3558 |
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.