scroll-padding-block-end

Базовая линия Широко доступно

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с января 2020 года.

Свойство scroll-padding-block-end определяет смещения для нижнего края в блочном измерении оптимальной области просмотра области прокрутки: область, используемая в качестве целевой области для размещения элементов в поле зрения пользователя. Это позволяет автору исключать области области прокрутки, которые скрыты другим контентом (например, панелями инструментов или боковыми панелями с фиксированным положением), или создавать больше свободного места между целевым элементом и краями области прокрутки.

Попробуйте

Синтаксис

/* Keyword values */
scroll-padding-block-end: auto;

/* <length> values */
scroll-padding-block-end: 10px;
scroll-padding-block-end: 1em;
scroll-padding-block-end: 10%;

/* Global values */
scroll-padding-block-end: inherit;
scroll-padding-block-end: initial;
scroll-padding-block-end: revert;
scroll-padding-block-end: revert-layer;
scroll-padding-block-end: unset;

Значения

<length-percentage>: Внутреннее смещение от нижнего края области прокрутки, как допустимая длина или процент.
auto: Смещение определяется пользовательским агентом. Как правило, это будет 0px, но пользовательский агент может определить и использовать другое значение, если ненулевое значение более уместно.

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

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

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

scroll-padding-block-end = 
  auto                       |
  <length-percentage [0,∞]>  

<length-percentage> = 
  <length>      |
  <percentage>

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

Спецификация
Модуль CSS Scroll Snap уровня 1 # padding-longhands-logical

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

	Настольные					Мобильные
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`scroll-padding-block-end`	69	79	68	56	15	69	68	48	15	10.0	69
`auto`	69	79	68	56	15	69	68	48	15	10.0	69

См. также

© 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/scroll-padding-block-end