Spec-Zone.ru › CSS

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

Элемент становится потенциальным якорем при корректировке позиции прокрутки.

none

Элемент не будет выбран в качестве потенциального якоря.

Формальное определение

Начальное значение auto
Применяется к всем элементам
Наследуется нет
Вычисленное значение как указано
Тип анимации дискретный

Формальный синтаксис

overflow-anchor = 
auto |
none

Примеры

Предотвращение привязки прокрутки

Для предотвращения привязки прокрутки в документе используйте свойство overflow-anchor.

* {
  overflow-anchor: none;
}

Спецификации

Спецификация
Модуль CSS Scroll Anchoring, уровень 1
# exclusion-api

Совместимость с браузерами

Рабочие столы Мобильные устройства
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

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API