Prevent page scrolling like a boss.
Supports scroll, wheel, touchmove, keydown events.

Demo

npm install --save disable-scroll

and import it

import disableScroll from 'disable-scroll';

disableScroll.on(); // prevent scrolling
...
disableScroll.off(); // re-enable scroll

If you need to support legacy browsers you need to include the scrollingelement polyfill.

Disable page scroll by adding event listeners and locking the scroll position.

Options defaults to:

{
    authorizedInInputs: [32, 37, 38, 39, 40],
    disableKeys: true,
    disableScroll: true,
    disableWheel: true,
    keyboardKeys: [32, 33, 34, 35, 36, 37, 38, 39, 40],
}

Re-enable page scrolling and remove the listeners.

If you find a bug, please file an issue on our issue tracker on GitHub.

MIT

Inspired by jquery-disablescroll