scroll-padding-bottom¶

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

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

Демо¶

Синтаксис¶

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14

/* Keyword values */
scroll-padding-bottom: auto;

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

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

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

• CSS Scroll Snap Module Level 1

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

Комментарии