scroll-snap-align¶

Свойство scroll-snap-align указывает положение привязки блока как выравнивание его области привязки (в качестве субъекта выравнивания) в пределах Snapport его контейнера привязки (в качестве контейнера выравнивания).

Эти два значения определяют выравнивание привязки по оси блока и встроенной оси соответственно. Если указано только одно значение, второе значение по умолчанию равно тому же значению.

Демо¶

Синтаксис¶

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

/* Keyword values */
scroll-snap-align: none;
scroll-snap-align: start end; /* when two values set first is block, second inline */
scroll-snap-align: center;

/* Global values */
scroll-snap-align: inherit;
scroll-snap-align: initial;
scroll-snap-align: revert;
scroll-snap-align: revert-layer;
scroll-snap-align: unset;

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

• CSS Scroll Snap Module Level 1

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

Комментарии