DEV Community

Discussion on: Stop Using Fixed Headers and Start Using Sticky Ones

Collapse
 
quodline profile image
thaumatin

I prefer to hide the header when the user scrolls down and show it when the user scrolls up even slightly. I think it manages space better for small mobile phones.

Collapse
 
mr_mobodies_6e06632adc629 profile image
Mr Mobodies

I consider it like spammy behaviour and a form of intrusion/harassment when I can't scroll away from something I find very distracting totally unwanted, unclosable, un needed and stuck there in the way of the contents

An auto hiding headers by scroll gives the user a choice of their browsing area that they once had, A fixed header constantly stuck there doesn't take that in account.

I use StickHeaderHiderFixer by Emjostuff after 3 years of aggro from manually hiding them in developer tools and a bookmark killer I found

Collapse
 
luisaugusto profile image
Luis Augusto

That's also a great option, and I'm done that for a few sites as well. You can also use sticky header in that situation and just animate its position with transform: translateY(-100%)

Collapse
 
mr_mobodies_6e06632adc629 profile image
Mr Mobodies

It's NOT GREAT when uncloseable for those it distractions who don't want to see it constantly stuck there that they never had to before.