Webdesignerin
Webdesignerin
Dipl. Wi. Infrom. Susanne Wollatz
Sticky Header
Ein Sticky Header oder eine Sticky Bar ist ein Website-Element, das beim Scrollen am oberen Bildschirmrand fixiert bleibt. Es verschwindet also nicht, sondern bleibt sichtbar, damit Nutzer wichtige Navigationselemente oder Infos jederzeit erreichen können.
Ein Sticky Header gehört zu den festen Bestandteilen moderner Websites. Er bleibt während des Scrollens dauerhaft am oberen Rand des Bildschirms stehen. Das erleichtert die Orientierung und sorgt dafür, dass zentrale Funktionen nicht aus dem Blick geraten. Typische Bestandteile eines sticky Headers sind Navigation, Logo, Suchfunktion oder Call-to-Action-Elemente.
Eine Sticky Bar funktioniert ähnlich, ist aber oft schmaler und wird gezielt für einzelne Hinweise oder Interaktionen genutzt. Beispiele sind Kontaktbuttons, Hinweise zu Angeboten oder wichtige Infos wie Öffnungszeiten. Der Vorteil liegt darin, dass Nutzer ohne erneutes Hochscrollen handeln können. Gleichzeitig sollte man sparsam damit umgehen, um die Seite nicht zu überladen oder den Inhalt zu verdecken. Ein gut gestalteter Sticky Header ist schlank, unaufdringlich und klar strukturiert, damit er die Nutzerführung unterstützt, ohne abzulenken.
