zurück zur Übersicht

Sticky-Header

Der Sticky-Header (‚klebender Header‘ oder ‚Fixed Header‘) ist ein intelligenter Navigationscontainer bei der Webentwicklung. Er fixiert in der Regel das Menü am oberen Bildschirmrand und wird gern bei Scroll-Animationen eingesetzt. Er eignet sich besonders für informative und contentintensive Websites und wenn klar ist, welche Tools die User besonders häufig verwenden.

Webentwickler nutzen den Sticky-Header, um eine Website zu strukturieren und eine bessere Navigation zu gewährleisten. Die Vorteile dieses Sticky-Elements sind etwa Zeitersparnis, weil das Menü jederzeit erreichbar ist und der User somit schnell und unkompliziert zu den unterschiedlichen Inhalten gelangt. Auch das Sandwich-Menü wird oftmals im Sticky-Header platziert.

Es besteht die Möglichkeit, den Sticky-Header beim Scrollen zu verkleinern oder in der Darstellung zu vereinfachen, und dennoch auf seine Funktion zuzugreifen. Zudem ist es auch möglich, das Menü „sticky“ als Seitenleiste zu gestalten.

Neben der Navigation kann der Sticky-Header auch beim Branding helfen.