React-scrolllock-reactref NPM

React Scroll Lock

Prevent scroll on the <body /> when a component is mounted.

Install

yarn add react-scrolllock

Usage

import ScrollLock from 'react-scrolllock';

class Modal extends Component {
  render() {
    return (
      <div>
        ...
        <ScrollLock />
      </div>
    );
  }
}

Props

Property	Description
accountForScrollbars `boolean`	Default: `true` -- Measures the scrollbar width and replaces it with padding when mounted.
touchScrollTarget `HTMLElement`	Default: `null` -- Touch scroll is locked for iOS when mounted due to `overflow: hidden;` not being observed on the `<body/>`. This property allows you to provide an element to allow scroll on, typically within a modal.

react scroll scroll-lock disable-scroll

exenv

@everything-registry/sub-chunk-2610 @infinitebrahmanuniverse/nolb-react-sc

3.0.3

6 years ago

3.0.2

6 years ago

3.0.1

6 years ago