This package has been deprecated

Author message:

WARNING: This project has been renamed to react-scroll-bound. Install using react-scroll-bound instead.

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 className="my-list">
    {this.getListPoints()}
</ListScrollBound>
 

set html tag

default tagName is <ul>

 
<ListScrollBound tagName="div" className="my-list">
    {this.getListPoints()}
</ListScrollBound>
 

get events

 
let onWheel = function (event) {
    console.log(event)
}
 
let onClick = function (event) {
    console.log(event)
}
 
<ListScrollBound onWheel={onWheel} onClick={onClick} className="my-list">
    {this.getListPoints()}
</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 tagName="div" className="my-list" onChange onClick>
    {this.getListPoints()}
</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

Give me a coffee

get in touch?