Cross browser custom scroll bar
Cross browser custom scroll bar with nicescroll jquery plugin including CSS css and custom jquery styles for Responsive and crossbroser custom scroller for the entire browser window
Get nicescroll form google code -
https://code.google.com/p/jquery-nicescroll/downloads/list
<script src="js/jquery.min.js"></script>
<script src="js/jquery.nicescroll.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('html').niceScroll({
autohidemode: 'false', // Do not hide scrollbar when mouse out
//cursorborderradius: '0px', // Scroll cursor radius
background: '#E5E9E7', // The scrollbar rail color
cursorwidth: '10px', // Scroll cursor width
cursorcolor: '#FE6666', // Scroll cursor color
cursorborder:"0",
boxzoom:true,
autohidemode:false
});
});
</script>
<style type="text/css">
#scroll-area {
width: 200px;
height: 200px;
}
</style>
Full reference
https://code.google.com/p/jquery-nicescroll/downloads/detail?name=jquery.nicescroll.v290.zip&can=2&q=
No comments:
Post a Comment