react-scroll-bound
Prevent scrolling on parent element if list reached end or start.
Brings a better control for user and increase use experience.
supports react 15.x and 16.x
Install
npm install react-scroll-bound --save
Usage
import ScrollBound from 'react-scroll-bound' <ScrollBound> this</ScrollBound>
Set css for element overflow scroll
Change HTML-Tag
default tagName is <ul>
<ScrollBound ="div"> this</ScrollBound>
Set properties
all attributes and properties will transmitted with {...this.props}
<ScrollBound ="name" = = ="my-list"> this</ScrollBound>
Development
if you want to add or optimize this component, feel free <3
Run Dev Server
npm start
Compile to ES5
npm run compile