icon-arrow-lefticon-arrow

Erklärung

Sticky (deutsch = klebrig) ist eine Art der Positionierung im Webdesign.
Sticky-Elemente stehen immer in Verbindung mit einem anderen Element und richten sich nach diesem aus. Meist orientieren sich die Elemente am Browserfenster. Der Unterschied zu einer fixen Positionierung besteht darin, dass das Sticky-Verhalten erst ab einem bestimmten Punkt eintritt.

Ein häufiges Beispiel ist der sog. »sticky Footer«. Dieser Footer befindet sich immer direkt unter dem Inhaltsbereich der Website. Falls der Inhalt der Website kürzer ist als der Viewport hoch ist, bleibt der Footer jedoch am unten Rand des Browserfensters kleben.

Ein weiteres typisches Anwendungsbeispiel ist die Hauptnavigation. Diese bleibt häufig oben am Browserfenster kleben, sobald der Anwender so weit gescrolled hat, dass die Navigation mit Ihrer Oberkante die Oberkante des Viewport berührt. Ab diesem Punkt bleibt die Navigation fixiert stehen und der Inhalt der Website wird darunter weggescrolled.

sticky-navigation
Sticky-Verhalten am Beispiel einer Haupnavigation

Ihr Kommentar zu dieser Frage

Ihr Kommentar zu dieser Frage

Bei Fragen, Anregungen oder Kritik zu dieser Frage, nutzen Sie bitte das Kommentar-Formular.

Ihr Kommentar wird überprüft bevor er auf der Website erscheint. Nicht themenrelevante Beiträge werden gelöscht.

Mit diesen Kunden haben wir bereits erfolgreich zusammengearbeitet.