Lightweight jQuery extension for modifying scrolling speed in modern web browsers. Supports vertical or horizontal scrolling direction, including user-defined easing.
Include the latest version of jQuery and jQuery.scrollSpeed.js in the <head> of your HTML document:
<script src="jQuery.min.js"></script>
<script src="jQuery.scrollSpeed.js"></script>Reference the scrollSpeed() method and modify the step and speed parameters to create the desired scrolling effect. The step parameter defaults to 100 units, while speed defaults to 800 milliseconds; custom easing is optional. See the live demo: code.nath.co/scrollSpeed
$(function() {
// Default
jQuery.scrollSpeed(100, 800);
// Custom Easing
jQuery.scrollSpeed(100, 800, 'easeOutCubic');
});– Google Chrome
– Safari ( Desktop )
– Internet Explorer ( Disabled for performance )
– Firefox
– Opera ( Not Tested )
jQuery.scrollSpeed 1.0
– Initial Release
jQuery.scrollSpeed 1.0.1
– Added support for horizontal scrolling
– Minor code cleanup
jQuery.scrollSpeed 1.0.2
– Added paramater for custom easing
If you discover any issues or have questions regarding usage, please send a message to [email protected] or find me on GitHub @nathco.