CSS scroll-snap-stop property

CSS scroll-snap-stop allows a possible snap position to trap the scrolling operation. It forces the scroll container to stop the scrolling operaton before it naturally ends.

Remember that this property has no effect on scrolling operations with only intended end position.

Syntax

scroll-snap-stop : normal | always

Property values

normalDefault

The scroll container may pass over snap positions during the execution of a scrolling mechanism.

scroll-snap-stop: normal;

always

The scroll container should not pass over snap positions during the execution of a scrolling mechanism.

scroll-snap-stop: always;

Applicable to

It applies to scroll containers.

#CSS digger
Was this article helpful?

 
×

Ctrl+D