UNPKG

@edpi/react-scroll-position

Version:

Remember and restore React scroll position for the nodes.

50 lines (32 loc) 927 B
# 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)