overscroll-behaviour-y

Базовая версия 2022

Новое

С сентября 2022 года данная функция работает на последних версиях устройств и браузеров. Возможно, эта функция не будет работать на старых устройствах или браузерах.

Свойство 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`
Применимо к	элементам блочного типа и блочным элементам типа inline-block, не являющимся заменёнными
Наследуется	нет
Вычисляемое значение	как указано
Тип анимации	дискретный

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

overscroll-behavior-y = 
  contain  |
  none     |
  auto

Примеры

Предотвращение прокрутки подлежащего элемента по вертикали

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

См. overscroll-behavior для полного примера и объяснения.

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

Спецификация
CSS Overscroll Behavior Module Level 1 # overscroll-behavior-longhands-physical

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

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`overscroll-behavior-y`	63	18	59	50	16	63	59	46	16	8.0	63
`auto`	63	79	59	50	16	63	59	46	16	8.0	63
`contain`	≤83	83	59	69	16	83	59	59	16	13.0	83
`none`	≤83	79 18–79 Значение `none` неправильно ведет себя как `contain` (разрешая эффект упругого отскока).	59	69	16	83	59	59	16	13.0	83

См. также

© 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/overscroll-behavior-y