Get new jQuery plugins just once a week

×

scrollSpeed

FavoriteLoadingAdd to favorites

February 25, 2015

scrollSpeed | jQuery plugin for custom scrolling speed, easing

scrollSpeed is a Lightweight jQuery plugin for custom scrolling speed and easing.

Created by Nathan Rutzky

Download

Example

scrollSpeed jQuery plugin

scrolling speed

jQuery.scrollSpeed

Lightweight jQuery extension for modifying scrolling speed in modern web browsers. Supports vertical or horizontal scrolling direction, including user-defined easing.

Installation

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>

How to Use

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');

});

Browser Support

– Google Chrome
– Safari ( Desktop )
– Internet Explorer ( Disabled for performance )
– Firefox
– Opera ( Not Tested )

Release Notes

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

Feedback

If you discover any issues or have questions regarding usage, please send a message to code@nath.co or find me on GitHub @nathco.

scrollSpeed

Related posts:

scrollUp
perfect scrollbar
scrollReveal
scrollSpeed jQuery plugin

http://jquer.in/wp-content/uploads/2015/02/scrollSpeed.jpg

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever