react-scroll-down
TypeScript icon, indicating that this package has built-in type declarations

0.1.6 • Public • Published

react-scroll-down

NPM Version Build Status Coverage Status

React scroll down to load data. Support ie9+

Install

yarn

yarn add react-scroll-down

npm

npm install --save react-scroll-down

UMD

<script src="https://unpkg.com/react-scroll-down@0.1.4/dist/index.umd.js"></script>
 
OR
 
<script src="https://unpkg.com/react-scroll-down@0.1.4/dist/index.umd.min.js"></script>

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

Import

ES2015

import ReactScrollDown from 'react-scroll-down'

CommonJS

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

Usage

import ReactScrollDown from 'react-scroll-down'
 
function Example() {
  return (
    <ReactScrollDown
      elementDomId="layoutContentContainer"
      onBottomHeightChange={height => {
        // do something
      }}
    >
      {/** List only children or Null */}
    </ReactScrollDown>
  )
}

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

Params

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

Package Sidebar

Install

npm i react-scroll-down

Weekly Downloads

13

Version

0.1.6

License

MIT

Unpacked Size

15.7 kB

Total Files

11

Last publish

Collaborators

  • sanshuiwang