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.bynathan.com/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 twitter @ByNathan.