Property scroll-snap-align

Specifies where to position elements when
the user stops scrolling

The two values specify the snapping alignment in
the block axis and inline axis, respectively. If
only one value is specified, the second value
defaults to the same value.

Formal syntax

scroll-snap-align = 
  [ none | start | end | center ]{1,2}

/* 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;