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

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

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

Скроллинговая цепочкаЭто поведение, при котором чрезмерный скроллинг одного элемента вызывает поведение прокрутки родительского элемента. Это поведение по умолчанию.

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

Пример

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

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

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

CSS синтаксис

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

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

Значение Описание
auto Позволяет поведению скроллинговой цепочки и обратную связь при чрезмерном скроллинге. Значение по умолчанию.
contain Позволяет обратную связь при чрезмерном скроллинге, но не позволяет поведению скроллинговой цепочки.
none Не позволяет обратную связь при чрезмерном скроллинге или поведению скроллинговой цепочки.
initial Установить это свойство в его значение по умолчанию. См. также initial.
inherit Ингерит это свойство от родительского элемента. См. также inherit.

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

Значение по умолчанию: auto
Ингерит: Нет
Создание анимации: Не поддерживается. См. также:Свойства анимации.
Версия: CSS3
JavaScript синтаксис: object.style.overscrollBehaviorY="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-x

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

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

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

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