Skip to content

aliatsis/prevent-parent-scroll

Repository files navigation

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();

About

Prevent scroll of an HTML Element from bubbling to its parents

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published