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

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

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

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

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

Синтаксис

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

Пример

body {
overflow-anchor: none;
}

Значения

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

Поддержка браузера

chrome edge firefox safari opera
56.0+ 66.0+ 43.0+

Практикуйте свои знания

Какими могут быть значения свойства CSS 'overflow-anchor'?
Считаете ли это полезным?