Свойство CSS overscroll-behavior-x

Определение и использование

overscroll-behavior-x Свойство используется для отключения цепочки прокрутки или обратной связи при переборке при попытке прокрутить за пределы границ прокрутки по оси x.

Примечание:Чтобы инициировать overscroll-behavior по оси x, возможно, потребуется использовать жесты скольжения на сенсорной панели или сенсорном экране.

Цепочка прокруткиЭто означает, что переборка на одном элементе вызывает поведение прокрутки родительского элемента. Это default behavior.

ПереборкаОбратная связь предоставляется пользователю при попытке прокрутить за пределы границ прокрутки. Например, на мобильных устройствах, при попытке прокрутить за пределы верха страницы, обычно accompanies визуальной обратной связи обновления страницы.

Пример

Закрытие цепочки прокрутки для элементов <div>, которые можно скроллить по оси x:

#yellowDiv {
  overscroll-behavior-x: contain;
}

Попробуйте сами

CSS синтаксис

overscroll-behavior-x: auto|contain|none|initial|inherit;

Значение свойства

Значение Описание
auto Разрешается поведение цепочки прокрутки и обратная связь при переборке. Значение по умолчанию.
contain Разрешается обратная связь при переборке, но запрещается цепочка прокрутки.
none Запрещается обратная связь при переборке или поведение цепочки прокрутки.
initial Установите это свойство в его значение по умолчанию. См. также: initial.
inherit Инherits this property from its parent element. См. также: inherit.

Технические детали

Значение по умолчанию: auto
Инheritance: Нет
Создание анимации: Не поддерживается. См. также:Свойства анимации.
Версия: CSS3
JavaScript синтаксис: object.style.overscrollBehaviorX="none"

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

Числа в таблице представляют собой версии первых браузеров, которые полностью поддерживают это свойство.

Chrome Edge Firefox Safari Opera
63.0 18.0 * 59.0 16.0 50.0

* В Microsoft Edge свойство значения none будет рассмотрено как contain, что является неверным.

相关页面

См. также:Свойство CSS overscroll-behavior

См. также:Свойство CSS overscroll-behavior-block

См. также:Свойство CSS overscroll-behavior-inline

См. также:Свойство CSS overscroll-behavior-y

См. также:Свойство CSS scroll-behavior

См. также:Свойство CSS scroll-margin

См. также:Свойство scroll-padding в CSS

См. также:Свойство scroll-snap-align в CSS