position: sticky;

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Bessere Unterstützung für position: sticky; ist am Horizont. WebKit hat es 2013 integriert, Firefox 2014, und jetzt Blink (wahrscheinlich) 2016.

MDN erklärt es gut

Sticky Positioning ist eine Hybridform aus relativer und Fixed-Positionierung. Das Element wird als relativ positioniert behandelt, bis es eine bestimmte Schwelle überschreitet, an welchem Punkt es als fest positioniert behandelt wird.

Šime Vidas wies darauf in einem aktuellen Open Web Platform Daily Digest hin und portierte die Demo von MDN, die die Nützlichkeit gut demonstriert

Siehe den Pen Sticky positioning von Šime Vidas (@simevidas) auf CodePen.

Wie Sie in dieser Demo sehen können, ist es ein guter Kandidat für progressive enhancement, da es kein großes Problem ist, wenn Sie die Sticky-Header-Funktion nicht sehen.