CSS scroll anchoring

Das CSS scroll anchoring-Modul definiert einen Mechanismus, um Bewegungen der Seite zu verhindern, die durch DOM-Änderungen oberhalb des sichtbaren Bereichs eines Scroll-Kastens entstehen, während der Benutzer den sichtbaren Inhalt konsumiert.

Das Scroll Anchoring versucht, die Ansicht des Benutzers auf das Dokument bei Layout-Änderungen stabil zu halten. Es funktioniert, indem ein DOM-Knoten ausgewählt wird (der Ankerknoten), dessen Bewegung zur Bestimmung von Anpassungen der Scroll-Position verwendet wird. Der Ankerknoten ist immer ein Nachkomme des Scroll-Kastens.

Für Scroll-Container, die an einem Element festgeschnappt sind, ist das Scroll Anchoring auf Anpassungen begrenzt, die durch erneutes Festschnappen erlaubt wären.