Menu Samaritan's Purse

SCROLL-SNAP-STOP

The scroll-snap-stop property allows such a possible snap position to "trap" the scrolling operation, forcing the scroll container to stop before the scrolling operation would naturally end.

SYNTAX

CSS

scroll-snap-stop: value;

JS

object.style.scrollSnapStop = "value";

VALUES

<'scroll-snap-stop'> = normal | always
normal

The scroll container may pass over a snap position defined by this element during the execution of a scrolling operation.

always

The scroll container must not pass over a snap position defined by this element during the execution of a scrolling operation; it must instead snap to the first of this element's snap positions.

INITIAL

normal

EXAMPLES

NORMAL

ALWAYS

JS

INTERNAL

scroll-snap-align

scroll-snap-type

EXTERNAL

World Wide Web Consortium (W3C)