jQuery Plugin For Smooth Scrolling Effect with Mouse Wheel

jQuery Plugin For Smooth Scrolling Effect with Mouse Wheel
File Size: 214 KB
Views Total: 4853
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

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:

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)


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