A jQuery plugin for cross browser compatible scrollbar replacement. Simple scroller makes use of Brandon Aaron's jquery.mousewheel.js plugin for providing mouse wheel support (https://github.com/brandonaaron/jquery-mousewheel).
Include jquery.simple.scroller.js, jquery.simple.scroller.css, jquery.mousewheel.js and jQuery in your html document head:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js" type="text/javascript"></script>
<script src="assets/js/jquery.mousewheel.js" type="text/javascript"></script>
<script src="assets/js/jquery.simple.scroller.js" type="text/javascript"></script>
<link href="assets/jquery.simple.scroller.css" rel="stylesheet" type="text/css" />
Initialise the plugin on the relative element:
$(document).ready(function () {
$('.content1').simpleScroller();
});
Enjoy! Simple scroller will do the rest. Add your own css styling if required.
Copyright 2011, Christopher Finch
Licensed under the GPL Version 3 license.
Continued from my initial work at Hovr (http://www.hovr.co)