Menu Home

scroll-snap-stop

osbo.com | CSS | Properties | scroll-snap-stop

The scroll-snap-stop CSS 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)