ReactStickyHeadroom is a React component, that hides your header when you scroll down and shows it once you're scrolling up again. It's designed for best performance and can only be used if you know the height of your header component (or more precisely the amount of pixels you want StickyHeadroom to hide). This helps us avoid calculating the height ourselves and therefore browsers don't need to perform heavy Recalculate-Style-Phases. For more information read here.

Since it's using styled-components internally, it's best to use it in apps where you already have styled-components in place. The component is only compatible with styled-components v4.x.x.

The component is inspired by react-headroom.

Monthly Downloads: 0
Programming language: JavaScript
Tags: UI Components     Sticky     React     Styled-components     Header     Headroom     Scroll    

ReactStickyHeadroom alternatives and related libraries

Based on the "Sticky" category

Do you think we are missing an alternative of ReactStickyHeadroom or a related project?

Add another 'Sticky' Library

ReactStickyHeadroom Recommendations

There are no recommendations yet. Be the first to promote ReactStickyHeadroom!

Have you used ReactStickyHeadroom? Share your experience. Write a short recommendation and ReactStickyHeadroom, you and your project will be promoted on Awesome React.
Recommend ReactStickyHeadroom

Recently added ReactStickyHeadroom resources

Do you know of a usefull tutorial, book or news relevant to ReactStickyHeadroom?
Be the first to add one!