React Sticky Box

Sticky Boxes with sensible behaviour if the content is bigger than the viewport.

Documentation & Demo

``jsx import StickyBox from "react-sticky-box";

const Page = () => (


    
      Sidebar

    
    Content

);

$3

`jsx import {useStickyBox} from "react-sticky-box";

const Page = () => { const stickyRef = useStickyBox({offsetTop: 20, offsetBottom: 20})


    
      Sidebar

    

    Content

};


---
Changelog
Contribute

- checkout the repo -cd /path/to/repo/packages/docs-yarn install && yarn start

this will allow you to modify the react-sticky-box sources in packages/react-sticky-box/src` and check the effects in the docs.