Configurable Smooth Scrolling Plugin With jQuery - Scroll With Ease

File Size: 13.1 KB
Views Total: 4484
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Configurable Smooth Scrolling Plugin With jQuery - Scroll With Ease

Scroll With Ease is a jQuery plugin that provides configurable smooth scrolling experience for your webpages, with support for mousewheel, touchpad or keyboard.

How to use it:

1. Download and include the Scroll With Ease plugin's JavaScript after jQuery library (Slim build is recommended).

<script src="//code.jquery.com/jquery-3.1.1.slim.min.js"></script>
<script src="dist/jquery.scroll-with-ease.js"></script>

2. Call the function to replace the native browser scroll effect with smooth scroll.

$('html').scrollWithEase();

3. Config the smooth scroll effect with the following options.

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

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