Свойство CSS overflow-anchor

Свойство overflow-anchor позволяет отключить функцию Scroll Anchoring (якорение прокрутки), которая корректирует позицию прокрутки, чтобы минимизировать смещение контента.

Scroll Anchoring включен по умолчанию во всех поддерживаемых браузерах.

Это свойство имеет два значения: auto и none.

Начальное значение	auto
Применяется к	Ко всем элементам.
Наследуется	Нет.
Анимировано	Нет.
Версия	CSS Scroll Anchoring Module Level 1
Синтаксис DOM	object.style.overflowAnchor = "none";

Синтаксис

CSS overflow-anchor

overflow-anchor: auto | none | initial | inherit;

Вы можете вставить следующий фрагмент кода со свойством overflow-anchor в свой CSS-код:

Синтаксис CSS overflow-anchor

body {
  overflow-anchor: none;
}

Значения

Значение	Описание
auto	Корректирует позицию якорения прокрутки, делая элемент якорем.
none	Отключает якорение прокрутки, заставляя контент перестраиваться.
initial	Заставляет свойство использовать значение по умолчанию.
inherit	Наследует свойство от родительского элемента.

Практика

В чем функция свойства CSS 'overflow-anchor'?

Он заставляет браузер включать или отключать 'якорение прокрутки'.Он изменяет цвет тега якоря.Он помогает адаптировать макет в соответствии с размером экрана.Он управляет позицией прокрутки браузера, чтобы предотвратить неожиданные скачки.Он определяет форму элемента якоря.