overflow-anchor
Ограниченная доступность
Эта функция не относится к Baseline, так как она не работает во всех широко используемых браузерах.
Свойство overflow-anchor CSS позволяет отказаться от поведения браузера по привязке прокрутки, которое корректирует позицию прокрутки, чтобы свести к минимуму сдвиги содержимого.
Поведение привязки прокрутки включено по умолчанию в любом браузере, который его поддерживает. Поэтому изменение значения этого свойства обычно требуется только в том случае, если у вас возникли проблемы с привязкой прокрутки в документе или части документа, и вам нужно отключить это поведение.
Попробовать
Синтаксис
/* Keyword values */ overflow-anchor: auto; overflow-anchor: none; /* Global values */ overflow-anchor: inherit; overflow-anchor: initial; overflow-anchor: revert; overflow-anchor: revert-layer; overflow-anchor: unset;
Значения
Формальное определение
| Начальное значение | auto |
|---|---|
| Применяется к | всем элементам |
| Наследуется | нет |
| Вычисленное значение | как указано |
| Тип анимации | дискретный |
Формальный синтаксис
overflow-anchor =
auto |
none
Примеры
Предотвращение привязки прокрутки
Для предотвращения привязки прокрутки в документе используйте свойство overflow-anchor.
* {
overflow-anchor: none;
}
Спецификации
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome для Android | Firefox для Android | Opera для Android | Safari для iOS | Samsung Internet | WebView для Android | |
overflow-anchor |
56 | 79 | 66 | 43 | превью | 56 | 66 | 43 | Нет | 6.0 | 56 |
auto |
56 | 79 | 66 | 43 | Нет | 56 | 66 | 43 | Нет | 6.0 | 56 |
none |
56 | 79 | 66 | 43 | Нет | 56 | 66 | 43 | Нет | 6.0 | 56 |
См. также
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-anchor