CSS-Scroll-Anker

Das CSS-Scroll-Anker-Modul definiert einen Mechanismus, um eine Seitenbewegung zu verhindern, die aufgrund von DOM-Änderungen oberhalb des sichtbaren Bereichs eines Scrollkastens auftritt, während der Benutzer den sichtbaren Inhalt konsumiert.

Scroll-Anker versuchen, die Ansicht des Benutzers auf das Dokument während Layoutänderungen stabil zu halten. Dies erfolgt, indem ein DOM-Knoten ausgewählt wird (der Ankerknoten), dessen Bewegung zur Anpassung der Scroll-Position verwendet wird. Der Ankerknoten ist immer ein Nachfahre des Scrollkastens.

Bei Scroll-Containern, die auf ein Element eingeschnappt sind, beschränkt sich das Scroll-Anker auf Anpassungen, die durch erneutes Einrasten erlaubt wären.