Skip to content

Latest commit

 

History

History
33 lines (23 loc) · 918 Bytes

README.md

File metadata and controls

33 lines (23 loc) · 918 Bytes

prevent-parent-scroll

##Description: Prevent scroll of an HTML Element from bubbling to its parents. It is vanilla JS and Typescript compatible.

##Install:

npm i --save prevent-parent-scroll

##Usage:

// ES6 import
import PreventParentScoll from 'prevent-parent-scroll';

// ES5 import
var PreventParentScoll = require('prevent-parent-scroll').default;

// use your own scrolling element
let scrollingElement = document.querySelector('.my-scrolling-element');

// initialize the PreventParentScoll class by pasing the scrolling element
let preventParentScroll = new PreventParentScoll(scrollingElement);

// start() will set up event bindings and begin preventing mousewheel events from bubbling at scroll boundaries
let preventParentScroll.start();

// stop() will remove all event bindings and stop preventing mousewheel events from bubbling at scroll boundaries
let preventParentScroll.stop();