react-list-scroll-bound
prevent body scrolling on list bottom or top end. Brings a better control for user and increase use experience.
example
supports react 15.x and 16.x
install
> npm install react-list-scroll-bound --save
how to use
<ListScrollBound ="my-list"> this</ListScrollBound>
set html tag
default tagName is <ul>
<ListScrollBound ="div" ="my-list"> this</ListScrollBound>
get events
let { console} let { console} <ListScrollBound = = ="my-list"> this</ListScrollBound>
set more propTypes
all given properties will set on the given ListScrollBound element, with
{...this.props}
so you can set all what you want and need
<ListScrollBound ="div" ="my-list" > this</ListScrollBound>
Development
if you want to add or optimize this component, feel free <3
clone this repository and run install
npm install
and after changes compile es6 to es5
npm run compile