hide header plugin
comment 0

How to hide a header until you need it

Headers are important because they provide consistent and accessible navigation throughout a website at all times. However, fixed header tend to occupy a significant portion of the content area, further reducing the real estate on smaller screens.

Headroom.js is a lightweight, high-performance JS widget that allows you to react to the user’s scroll. The header slides out of view when scrolling down and slides back in when scrolling up. It allows you to bring elements into view when appropriate, and give focus to your content the rest of the time. There are 4 different effects you can choose from: slide, swing, flip and bounce.

View Demo

Leave a Reply