Configurable Smooth Scrolling Plugin With jQuery - Scroll With Ease
| File Size: | 13.1 KB |
|---|---|
| Views Total: | 4511 |
| 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.











