Cross browser custom scroll bar

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=