Responsive Browser Scrollbar Replacement Plugin - ClassyScroll

Responsive Browser Scrollbar Replacement Plugin - ClassyScroll
File Size: 22.2 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

ClassyScroll is a native Browser Scrollbar Replacement plugin built with jQuery that comes with vertical and horizontal scroll modes. It also can be used to create slideshows with external controls. It supports mouse wheel and keyboard as well as adjusting scrollbars on window resize and recognize touch events on Android and iOS devices.

How to use :

1. Include jQuery Library and ClassyScroll.js

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="js/jquery.classyscroll.js"></script>

2. Include CSS

<link rel="stylesheet" href="css/jquery.classyscroll.css" />

3. Markup

<div class="sample"></div>

4. Call the function

$('.sample').ClassyScroll();

5. Options

 

  • scroll - type of scrollbar, can be both, vertical or horizontal.
  • autoHide - autohide the scrollbars, true or false.
  • autoHideTime -
  • sliderSize -
  • sliderOpacity - slider opacity
  • sliderOpacityTime -
  • sliderOpacityDelay -
  • wheelSpeed - scroll wheel speed
  • touchSpeed - touch speed
  • pathPadding -
  • keyScroll -
  • scrollTime -
  • scrollInterval -
  • scrollEasing - default effect for scroll
  • zIndex -
  • onscroll - callback for scroll

 


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