CSS Scroll Snap

CSS Scroll Snap is a module of CSS that introduces scroll snap positions, which enforce the scroll positions that a scroll container's scrollport may end at after a scrolling operation has completed.

• scroll-snap-type
• scroll-padding
• scroll-padding-top
• scroll-padding-right
• scroll-padding-bottom
• scroll-padding-left
• scroll-padding-inline
• scroll-padding-inline-start
• scroll-padding-inline-end
• scroll-padding-block
• scroll-padding-block-start
• scroll-padding-block-end

• scroll-snap-align
• scroll-margin
• scroll-margin-top
• scroll-margin-right
• scroll-margin-bottom
• scroll-margin-left
• scroll-margin-inline
• scroll-margin-inline-start
• scroll-margin-inline-end
• scroll-margin-block
• scroll-margin-block-start
• scroll-margin-block-end
• scroll-snap-stop

• Basic concepts of CSS Scroll Snap

The individual property pages detail browser compatibility information for each property.