Headroom.js – JavaScript-Widget blendet Header ein und aus
Kommentare

Mit Headroom.js von Nick Williams, einem leichtgewichtigen JavaScript-Widget ohne Dependencies, könnt ihr Euren Header ausblenden sobald ein User auf Eurer Seite herunterscrollt und ihn wieder hervorbringen wenn hochgescrollt wird.

Wieso benutzen?

Im Gegensatz zu großen Screens, die üblicherweise Landscape-orientert sind, sprich auf mehr horizontalen als vertikalen Raum, ist es bei kleinen Screens genau umgekehrt. Ein fester Header ist aber was die Gesamgröße eines kleinen Devices betrifft unter Umständen einfach zu dominant und verbraucht wertvollen Platz. Headroom.js versucht dieses Problem zu lösen, indem das Element eben nur dann zum Vorschein kommt, wenn es offensichtlich gebraucht werden könnte, während es ansonsten dem Content den Vortritt lässt.

Demo, Anleitung und Download findet ihr hier.

Unsere Redaktion empfiehlt:

Relevante Beiträge

Meinungen zu diesem Beitrag

X
- Gib Deinen Standort ein -
- or -