jQuery Plugin For Smooth Scrolling Effect with Mouse Wheel

SmoothScrollWheel is a jQuery plugin that allows the visitor to scroll your webpage (or scrollable content) with a smooth, inertial / momentum effect when scrolling with the mouse wheel. Similar to the scroll experience on mobile devices.

See also:

• Smooth Momentum Scrolling Effect with jQuery - Momentum Scroll

How to use it:

1. Include jQuery JavaScript library and the jQuery SmoothScrollWheel plugin at the bottom, before the closing body tag.

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="src/jquery.SmoothScrollWheel.js"></script>

2. Call the plugin on target container you wish to make smooth scroll.

$("#SELECTOR").SmoothScrollWheel();

3. Configuration options.

$("#SELECTOR").SmoothScrollWheel({

  // Debug mode
  debug: false,

  // Normalize scroll speed across browsers.
  defaultDetailDelta: 3,

  // Normalize scroll speed across browsers.
  defaultWheelDelta: 120,

  // Custom scroll speed
  defaultSpeed: 50,

  // Custom animation speed
  defaultAnimationTime: 1500
  
});

Change log:

v1.0.0 (2015-08-07)

• update.

---

This awesome jQuery plugin is developed by nntgwww. For more Advanced Usages, please check the demo page or visit the official website.