position:sticky für Header und erstes Element

Question

Hallo!
Ist es möglich, dass der Header auch beim Runterscrollen angezeigt wird? Ich habe es für das erste Element pro Seite geschafft mit "position:sticky; top: 0;" allerdings scrollt man dann erst über den Header hinweg und erst dann bleibt das erste Element oben haften. Ich hätte gerne, dass Header + erstes Element oben stehenbleiben beim Runterscrollen.

Answer 1

Platzieren Sie vor den gewünschten Elementen folgenden HTML-Code:

<div style="position:sticky; top: 0;">

Und unter den gewünschten Elementen dann

</div>

Die genauen Einstellungen für diesen Block können Sie dann nach Bedarf anpassen. Bitte beachten Sie, dass position: sticky nicht von allen Browsern unterstützt wird.