Configurable Smooth Scrolling Plugin With jQuery - Scroll With Ease
File Size: | 13.1 KB |
---|---|
Views Total: | 4498 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
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.