react-scrollup-lite
Version:
React wrapper component for scroll up
50 lines (37 loc) • 1.55 kB
Markdown
# react-scrollup-lite
> React wrapper component to scroll up/top when user scrolls the page
[](https://www.npmjs.com/package/react-scrollup-lite) [](https://standardjs.com)
## Install
```bash
npm install --save react-scrollup-lite
```
## Usage
```jsx
import React, { Component } from 'react';
import ScrollUp from 'react-scrollup-lite';
class Example extends Component {
render() {
return (
<ScrollUp
startPosition={0}
showAtPosition={10}
position='right'
className='scroll-up'
style={{
right: '20px',
}}
>
<button>Scroll up</button>
</ScrollUp>
);
}
}
```
## Proptypes
| Props | Type | Description |
| ------------------- | ------ | ----------------------------------------------------------------------------- |
| startPosition | number | start position to scroll up |
| showAtPosition | number | when scrolling the page at what position component children should be visible |
| position (optional) | string | left or right (where to show the children component) (default - right) |
## License
MIT © [Madan Kumar](https://github.com/jmadankumar)