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

Базовая поддержка Ограниченная доступность

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

Свойство overscroll-behavior-y CSS задаёт поведение браузера при достижении вертикальной границы области прокрутки.

Полное объяснение см. в статье overscroll-behavior.

Синтаксис

/* Keyword values */
overscroll-behavior-y: auto; /* default */
overscroll-behavior-y: contain;
overscroll-behavior-y: none;

/* Global values */
overscroll-behavior-y: inherit;
overscroll-behavior-y: initial;
overscroll-behavior-y: revert;
overscroll-behavior-y: revert-layer;
overscroll-behavior-y: unset;

Для свойства overscroll-behavior-y задаётся ключевое слово из приведённого ниже списка значений.

Значения

auto: Используется стандартное поведение переполнения при прокрутке.
contain: Внутри элемента, для которого задано это значение, используется стандартное поведение переполнения при прокрутке (например, эффект «отскока»). Однако при прокрутке соседних областей цепочка прокрутки не возникает: нижележащие элементы не прокручиваются. Значение contain отключает встроенную навигацию браузера, в том числе жест вертикального потягивания для обновления страницы и горизонтальную навигацию с помощью свайпов.
none: Цепочка прокрутки для соседних областей не возникает, а стандартное поведение переполнения при прокрутке блокируется.

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

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

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

overscroll-behavior-y = 
  contain |
  none |
  auto

Примеры

Как запретить вертикальную прокрутку нижележащего элемента

.messages {
  height: 220px;
  overflow: auto;
  overscroll-behavior-y: contain;
}

Полный пример и объяснение см. в статье overscroll-behavior.

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

Спецификация
Модуль CSS Overscroll Behavior Level 1 # overscroll-behavior-longhands-physical

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

	Настольные компьютеры					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android	WebView на iOS
`overscroll-behavior-y`	144 63–144 Свойство не влияет на контейнеры прокрутки, в которых нет прокручиваемого переполнения.	18	150 59–150 Свойство не влияет на контейнеры прокрутки, в которых нет прокручиваемого переполнения.	128 50–128 Свойство не влияет на контейнеры прокрутки, в которых нет прокручиваемого переполнения.	16 Свойство не влияет на контейнеры прокрутки, в которых нет прокручиваемого переполнения.	144 63–144 Свойство не влияет на контейнеры прокрутки, в которых нет прокручиваемого переполнения.	150 59–150 Свойство не влияет на контейнеры прокрутки, в которых нет прокручиваемого переполнения.	95 46–95 Свойство не влияет на контейнеры прокрутки, в которых нет прокручиваемого переполнения.	16 Свойство не влияет на контейнеры прокрутки, в которых нет прокручиваемого переполнения.	8.0 Свойство не влияет на контейнеры прокрутки, в которых нет прокручиваемого переполнения.	144 63–144 Свойство не влияет на контейнеры прокрутки, в которых нет прокручиваемого переполнения.	16 Свойство не влияет на контейнеры прокрутки, в которых нет прокручиваемого переполнения.
`auto`	63	18	59	50	16	63	59	46	16	8.0	63	16
`chain`	150	150	Нет	134	Нет	150	Нет	101	Нет	Нет	150	Нет
`contain`	63	18	59	50	16	63	59	46	16	8.0	63	16
`none`	63	79 18–79 Значение `none` ошибочно ведёт себя как `contain` (допуская эффект упругого отскока).	59	50	16	63	59	46	16	8.0	63	16

См. также

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/overscroll-behavior-y

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