scroll-margin-right

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

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

Свойство scroll-margin-right определяет правый отступ области привязки прокрутки, которая используется для привязки этого блока к snapport. Область привязки прокрутки определяется путем взятия преобразованного пограничного блока, нахождения его прямоугольной ограничительной рамки (выровненной по осям в системе координат контейнера прокрутки), а затем добавления указанных выступов.

Попробуйте

Синтаксис

/* <length> values */
scroll-margin-right: 10px;
scroll-margin-right: 1em;

/* Global values */
scroll-margin-right: inherit;
scroll-margin-right: initial;
scroll-margin-right: revert;
scroll-margin-right: revert-layer;
scroll-margin-right: unset;

Значения

<length>: Выступ от правого края контейнера прокрутки.

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

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

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

scroll-margin-right = 
  <length>

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

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

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

	Настольные					Мобильные
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`scroll-margin-right`	69	79	68	56	14.1 11 До версии 14.1 отступ прокрутки не применяется для прокрутки к целевому фрагменту или `scrollIntoView()`, см. ошибка 189265.	69	68	48	14.5 11 До версии 14.5 отступ прокрутки не применяется для прокрутки к целевому фрагменту или `scrollIntoView()`, см. ошибка 189265.	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-margin-right