Свойство 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 | Значение элемента наследуется от родительского элемента. |
Поддержка браузера
|
|
|
|
|
|---|---|---|---|---|
| 56.0+ | ✕ | 66.0+ | ✕ | 43.0+ |
Практикуйте свои знания
Какими могут быть значения свойства CSS 'overflow-anchor'?
Правильный!
Неправильно!