Smooth Mouse Wheel Scrolling Plugin With jQuery - easeScroll
File Size: | 4.92 KB |
---|---|
Views Total: | 49211 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
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:
- Smooth Momentum Scrolling Effect with jQuery - Momentum Scroll
- jQuery Plugin For Smooth Scrolling Effect with Mouse Wheel
- jQuery Plugin For Smooth Mouse Scrolling - scrollSpeed
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.