@edpi/react-scroll-position
Version:
Remember and restore React scroll position for the nodes.
50 lines (32 loc) • 927 B
Markdown
# react-scroll-position
ScrollPosition HOC which remembers attached node scroll position and restores it.
## Installation
```
npm install --save react-scroll-position
```
## Usage
```js
import React, { Component} from 'react'
import ScrollPosition from 'react-scroll-position'
const RememberMyScroll = ({ children }) => (
<ScrollPosition scrollKey="my-scroll">
{
({ attachScrollNode, getScroll, getScrollNode, setScroll }) =>
<div ref={attachScrollNode}>
{children}
</div>
}
</ScrollPosition>
)
```
ScrollPosition HOC uses children as function and returns functions which can be used to manipulate the scrolling.
#### attachScrollNode
Expects HTMLElement `node`.
#### getScroll
Gets attached `node` x and y scroll positions.
#### getScrollNode
Gets attached HTMLElement `node`.
#### setScroll
Sets attached `node` x and y scroll positions.
## License
[MIT](LICENSE)