CSS-Scroll-Anker

Das CSS-Scroll-Anker-Modul definiert einen Mechanismus, um das Verschieben der Seite aufgrund von DOM-Änderungen oberhalb des sichtbaren Bereichs eines Scrollfeldes zu verhindern, während der Benutzer den sichtbaren Inhalt betrachtet.

Scroll-Anker versucht, die Ansicht des Benutzers auf das Dokument über Layout-Änderungen hinweg stabil zu halten. Es funktioniert, indem ein DOM-Knoten (der Ankerknoten) ausgewählt wird, dessen Bewegung dazu verwendet wird, Anpassungen an der Scrollposition zu bestimmen. Der Ankerknoten ist immer ein Nachkomme des Scrollfeldes.

Für Scroll-Container, die an ein Element gesnappt sind, ist das Scroll-Anker auf Anpassungen beschränkt, die durch erneutes Snappen erlaubt wären.