🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

SmoothScrollWheel is a jQuery plugin that allows the visitor to scroll your webpage (or scrollable content) with a smooth, inertial / momentum effect.

smooth-scroll

Documentation

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: (default false) Write out console log current scroll top position of the element.

  • defaultDetailDelta: (default 3) Normalize scroll speed across browsers. You shouldn't change it.

  • defaultWheelDelta: (default 120) Normalize scroll speed across browsers. You shouldn't change it.

  • defaultSpeed: (default 50) Scroll top per mousewheel. Change it if you think the scroll speed is low or too fast.

  • defaultAnimationTime:(default 1500) 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]


You May Also Like