Gunnar Bittersmann: Navigationsleiste an oberen Bildschirm Rand heften.

Beitrag lesen

@@Linuchs

"sticky header" kann die Kopfzeile einer Tabelle sein, die beim Hochscrollen am oberen Rand kleben bleibt, solange noch Tabellenzeilen unter ihr sind.

Da wäre position: sticky richtig, nicht fixed. ☞ Codepen

Dein CSS-Freund ist position:fixed

Nein, ist es nicht. Auch hier wäre position: sticky dein Freund. ☞ Posting

Bei position: fixed braucht man zwingend noch JavaScript, um die Headerhöhe zu bestimmen und den Hauptinhalt entsprechend zu positionieren, damit er nicht vom Header überdeckt wird.

LLAP 🖖

--
„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“ —Kurt Weidemann