CSS Scroll Snap Module
E83542
The CSS Scroll Snap Module is a web standard that enables precise, snap-based scrolling behavior for scroll containers and their child elements in modern browsers.
Statements (48)
| Predicate | Object |
|---|---|
| instanceOf |
CSS module
ⓘ
web standard ⓘ |
| allows | declarative scroll snapping ⓘ |
| appliesTo |
scroll containers
ⓘ
scrollable elements ⓘ |
| compatibleWith | modern web browsers ⓘ |
| defines |
scroll-margin property
ⓘ
scroll-margin-bottom property ⓘ scroll-margin-left property ⓘ scroll-margin-right property ⓘ scroll-margin-top property ⓘ scroll-padding property ⓘ scroll-padding-bottom property ⓘ scroll-padding-left property ⓘ scroll-padding-right property ⓘ scroll-padding-top property ⓘ scroll-snap-align property ⓘ scroll-snap-stop property ⓘ scroll-snap-type property ⓘ |
| documentation |
MDN Web Docs
ⓘ
surface form:
MDN Web Docs: CSS Scroll Snap
|
| enables |
precise control of scroll positions
ⓘ
snap-based scrolling behavior ⓘ |
| hasConcept |
scrollport
ⓘ
snap areas ⓘ snap positions ⓘ snapport ⓘ |
| improves | scrolling user experience ⓘ |
| level | Level 1 ⓘ |
| mediaType | screen ⓘ |
| partOf |
CSS
ⓘ
surface form:
Cascading Style Sheets
|
| reduces | reliance on JavaScript for snapping ⓘ |
| relatedTo |
CSS Overflow Module
ⓘ
CSSOM View Module ⓘ |
| specificationURL | https://www.w3.org/TR/css-scroll-snap-1/ ⓘ |
| standardizedBy |
W3C CSS Working Group
ⓘ
World Wide Web Consortium ⓘ |
| status | W3C Recommendation ⓘ |
| supports |
axis-based snapping
ⓘ
block axis snapping ⓘ both-axes snapping ⓘ inline axis snapping ⓘ mandatory snap points ⓘ proximity snap points ⓘ |
| syntaxDefinedIn | CSS Values and Units Module ⓘ |
| usedFor |
carousels
ⓘ
image galleries ⓘ paginated content ⓘ step-based scrolling interfaces ⓘ |
Referenced by (2)
Full triples — surface form annotated when it differs from this entity's canonical label.