react-prevent-outside-scroll

0.0.2 • Public • Published

React Prevent Outside Scroll

A react component that prevents outside scroll when inside scroll to the edge.

Install

npm install --save react-prevent-outside-scroll

react-prevent-outside-scroll require react & react-dom as peer-dependencies, so make sure you have installed react & react-dom.

npm install react react-dom

Examples

import React from 'react'
import PreventOutsideScroll from 'react-prevent-outside-scroll'
 
class ExampleComponent extends React.PureComponent {
  render () {
    <PreventOutsideScroll>
      <div id='scroller'
        style={{
          overflow: 'auto',
          height: 100,
          width: 100
          position: 'fixed',
          top: 100,
          left: 100,
        }}
      >
        <div style={{height: 10000}}>
          Sufficiently high content...
          When #scroller inside scroll to the edge, outside does not scroll.
        </div>
      </div>
    </PreventOutsideScroll>
  }
}

Development

npm i
npm run dev

Dependents (1)

Package Sidebar

Install

npm i react-prevent-outside-scroll

Weekly Downloads

6

Version

0.0.2

License

MIT

Last publish

Collaborators

  • kerrychen95