Menu Riverview Church

SCROLL-SNAP-ALIGN

The scroll-snap-align property specifies the box's snap position as an alignment of its snap area within its snap container's snapport.

SYNTAX

CSS

scroll-snap-align: value;

JS

object.style.scrollSnapAlign = "value";

VALUES

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

This box does not define a snap position in the specified axis.

start

Start alignment of this box's scroll snap area within the scroll container's snapport is a snap position in the specified axis.

end

End alignment of this box's scroll snap area within the scroll container's snapport is a snap position in the specified axis.

center

Center alignment of this box's scroll snap area within the scroll container's snapport is a snap position in the specified axis.

INITIAL

none

EXAMPLES

NONE

START

END

CENTER

JS

INTERNAL

scroll-snap-stop

scroll-snap-type

EXTERNAL

World Wide Web Consortium (W3C)