Smooth Mouse Wheel Scrolling Plugin With jQuery - easeScroll

File Size: 4.92 KB
Views Total: 48684
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Smooth Mouse Wheel Scrolling Plugin With jQuery - easeScroll

easeScroll is an easy-to-use jQuery plugin which provides a configurable smooth scrolling experience when the users scroll up/down the webpage with mouse wheel, keyboard and touch pad.

See also:

How to use it:

1. Make sure you have loaded the latest version of jQuery library and then load the jQuery easeScroll plugin's script after it.

<script src="//code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="jquery.easeScroll.js"></script>

2. Enable the smooth scrolling effect on the whole page.

$("html").easeScroll();

3. Config the plugin with the following options.

$("html").easeScroll({
  frameRate: 60,
  animationTime: 1000,
  stepSize: 120,
  pulseAlgorithm: 1,
  pulseScale: 8,
  pulseNormalize: 1,
  accelerationDelta: 20,
  accelerationMax: 1,
  keyboardSupport: true,
  arrowScroll: 50,
  touchpadSupport: true,
  fixedBackground: true
});

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