WheelSwipe

Trigger swipe-like events with mousewheel and trackpad. View the a demo here: https://andyinabox.github.io/wheel-swipe/

 
var WheelSwipe = require('wheel-swipe');
 
var ws = new WheelSwipe();
 
window.addEventListener('wheelup', function(e) { 
    console.log('swipe up!');
});
 
window.addEventListener('wheeldown', function(e) { 
    console.log('swipe down!');
});
 

Usage

WheelSwipe([el], [opts])

Construct a new instance.

• el is the element to listen to. Optional, defaults to window object.
• opts is also optional, contains the following settings:
• deltaThreshold - threshold for scroll delta, can be used to only trigger when the scroll delta is a high number. Defaults to 1
• debounceThreshold - threshold for scrolling debounce. Defaults to 50.
• cancelScroll - Boolean, whether or not to cancel default scrolling behavior. Defaults to true.
• reverseDelay - This sets a delay to avoid accidental reversals of swipe (can happen on some devices, namely the Apple Magic Mouse). Defaults to 0 (disabled).

Demo

To run the demo using budo:

npm install
npm start

Dependencies

• mouse-wheel
• lodash.defaults
• compat-trigger-event

License

MIT, see LICENSE.md for details.