Many websites have headers that are always on-screen when you scroll up, but auto-hide when you scroll down.

I hate them personally because the screen space they would've used up if they stayed permanently on-screen is terrible to use; if you accidentally scroll a pixel up it'll hide a few cm of screen space, and you have to do a little scroll up/down dance to get that screen space back.

Are there any studies on them?


I have no knowledge of any studies, not even on just sticky headers alone but there has been discussions everywhere. It seems like sticky headers became norm but in my opinion as you stated it generates a weird interaction, having the header sticky but hideable and then appearing when scrolling.

I would go with what become a norm, a sticky header but kept as small as possible as seen here on stackexchange and the most websites these days.


It comes down to execution, its easy to make an annoying sticky menu.

I think there are lots of discussion about the subject but I think these guys have nailed the key points with the best examples.


For me a sticky menu is only useful when there is continually actionable item. Like a buy now or something similar. One major benefit is that this pattern is ubiquitous and even poorly designed menus will still be well understood by most users.

  • How does this relate to the auto-hiding part? – Filip Haglund Jan 9 at 22:19

Your Answer

By clicking "Post Your Answer", you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.