A React Component to hide/show your header on scroll

A React Component to hide/show your header on scroll

react-headroom Hide your header until you need it. React Headroom is a React Component to hide/show your header on scroll. The header on this site is a living example. When you scroll down, it slides out of view and slides back in when scrolling up. Fixed

react-headroom

Hide your header until you need it.

Demo

http://kyleamathews.github.io/react-headroom

Install

npm install react-headroom

Usage

A simple example, see the docs site for more examples and documentation.

<Headroom>
  <h1>You can put anything you'd like inside the Headroom Component</h1>
</Headroom>

Github Repository