react-stickyfill

React wrapper for Stickyfill library

Installation

npm install react-stickyfill --save

Usage

Simple usage:

import React, {Component} from 'react';
import Sticker from 'react-stickyfill';
 
class SomeComponent extend Component{
    render() {
        return (
            <div>{/* Parent Element. */}
                <Sticker>
                    <div>{/* Sticky Element */}</div>
                </Sticker>
            </div>
        );
    }
}

Parent Element should have height greater than Sticky Element. Sticky Element should have style position: sticky and top: {some value}.