scroll-padding-inline-end

Свойство scroll-padding-inline-end определяет смещения для конечного края во встроенном измерении оптимальной области просмотра порта прокрутки: область, используемая в качестве целевой области для размещения вещей в поле зрения пользователя.

Это позволяет автору исключить области области прокрутки, закрытые другим содержимым (например, фиксированными панелями инструментов или боковыми панелями), или оставить больше свободного места между целевым элементом и краями области прокрутки.

Демо

Синтаксис

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

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

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

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

• CSS Scroll Snap Module Level 1

Поддержка браузерами

Комментарии