Свойство CSS overflow-anchor
The overflow-anchor CSS property specifies whether the scroll anchoring position should be applied to the element or not. See property values and examples.
Свойство 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'?