jquery.SmoothScrollWheel
Easy to get your website has smooth scroll wheel
Introduction
Tired to get your website become smooth when user scrolling? jquery.SmoothScrollWheel is a lightweight plugin help your website smooth scroll wheel across browers. View the demo here
How to use
Simple! Select your element need make it become smooth scroll and pass some simple settings
//Easy Mode $(document).SmoothScrollWheel(); //More Options $(document).SmoothScrollWheel({ defaultSpeed: 60, defaultAnimationTime: 1200 }); //Default Options $(document).SmoothScrollWheel({ debug: false, defaultDetailDelta: 3, defaultWheelDelta: 120, defaultSpeed: 50, defaultAnimationTime: 1500 });
-
debug
: (defaultfalse
) Write out console log current scroll top position of the element. -
defaultDetailDelta
: (default3
) Normalize scroll speed across browsers. You shouldn't change it. -
defaultWheelDelta
: (default120
) Normalize scroll speed across browsers. You shouldn't change it. -
defaultSpeed
: (default50
) Scroll top per mousewheel. Change it if you think the scroll speed is low or too fast. -
defaultAnimationTime
:(default1500
) Time to make scroll wheel complete the animation. Change it if you think the scroll speed is low or too fast.
Notes
This plugin also can make sections, popups have overflow-y smooth when user scrolling.
However if your website have popups or sections have overflow-y and you have already implement $(document) smooth scrolling, but not target these popups or sections, these popus or sections can't scroll down.
// Once you implement $(document) smooth scrolling, you must also target these, or it won't scroll! $("#popup").SmoothScrollWheel(); $("#div-has-overflow").SmoothScrollWheel(); $(document).SmoothScrollWheel();
Contact me via [email protected]