react-sticky-block v0.1.3

react-sticky-block

Right way to make your block sticky

Install

npm install react-sticky-block

Usage

import StickyBlock from 'react-sticky-block';

const MyComponent = () => (
  <div className="my-container" style={{position: 'relative'}}>
    <StickyBlock>
      <div>Any Content</div>
    </StickyBlock>
  </div>
);

Movement of sticky block is limited by height of their container.

Container must have relative positioning applied.

StickyBlock props