react-scroll-down

[![NPM Version][npm-image]][npm-url]
[![Build Status][travis-image]][travis-url]
[![Coverage Status][coverage-image]][coverage-url]
![][david-url]
![][dt-url]
![][license-url]

React scroll down to load data. Support ie9+

Install

$3

``bash
yarn add react-scroll-down
`

$3

`bash
npm install --save react-scroll-down
`

$3

`javascript


OR


`

> Tips: You can find the library on window.ReactScrollDown.

Import

$3

`javascript
import ReactScrollDown from 'react-scroll-down'
`

$3

`javascript
const ReactScrollDown = require('react-scroll-down')
`

Usage

`javascript
import ReactScrollDown from 'react-scroll-down'

function Example() {
return (
elementDomId="layoutContentContainer"
onBottomHeightChange={height => {
// do something
}}
>
{/* List only children or Null /}

)
}
`

> Tips: The elementDomId must have a scrolling style.(case: overflow-y: scroll)

$3

elementDomId: Type string, isRequired. scrolling element id

onBottomHeightChange`: Type (height: number|undefined) => void. scrolling listen event returns height from bottom after execution

LICENSE

MIT License

[npm-url]: https://npmjs.org/package/react-scroll-down
[npm-image]: https://badge.fury.io/js/react-scroll-down.png
[david-url]: https://david-dm.org/sanshuiwang/react-scroll-down.png
[travis-image]: https://api.travis-ci.com/sanshuiwang/react-scroll-down.svg?branch=master
[travis-url]: https://travis-ci.com/sanshuiwang/react-scroll-down
[coverage-image]: https://coveralls.io/repos/github/sanshuiwang/react-scroll-down/badge.svg?branch=master
[coverage-url]: https://coveralls.io/github/sanshuiwang/react-scroll-down
[dt-url]: https://img.shields.io/npm/dt/react-scroll-down.svg
[license-url]: https://img.shields.io/npm/l/react-scroll-down.svg