You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
This module introduces control over <a>scroll snap positions</a>,
179
+
This module introduces control over <dfn lt="scroll snap position" local-lt="snap position">scroll snap positions</dfn>,
180
180
which are scroll positions that produce particular alignments
181
181
of content within a scrollable viewport.
182
182
Using the 'scroll-snap-type' property on the relevant <a>scroll container</a>,
@@ -194,7 +194,19 @@ Overview {#overview}
194
194
A scroll position that satisfies the specified alignment
195
195
is a <a>snap position</a>.
196
196
197
-
The CSS Scroll Snap Module intentionally does not specify nor mandate any precise animations or physics used in <a>snapping</a>; this is left up to the user agent.
197
+
The act of adjusting the scroll position
198
+
of a scroll container’s scrollport
199
+
such that it is aligned to a snap position
200
+
is called <dfn lt="snap | snapping | snapped">snapping</dfn>,
201
+
and a <a>scroll container</a> is said to be
202
+
<a>snapped</a> to a <a>snap position</a>
203
+
if its scrollport’s scroll position
204
+
is that <a>snap position</a>
205
+
and there is no active scrolling operation.
206
+
The CSS Scroll Snap Module
207
+
intentionally does not specify nor mandate
208
+
any precise animations or physics used to enforce <a>snap positions</a>;
209
+
this is left up to the user agent.
198
210
199
211
<a>Snap positions</a> only affect the nearest ancestor <a>scroll container</a> on the element's <a>containing block chain</a>.
200
212
@@ -215,18 +227,6 @@ Definitions {#definitions}
215
227
<dt><dfn export>scroll container</dfn>
216
228
<dd>
217
229
An element which provides a scrolling user interface as described in [[!CSS21]], particularly in the section on overflow.
For a scroll container, a particular value for its scroll position is a snap position if when scrolled to that position the scrollport of the scroll container would align with a descendent element in the manner specified by the scroll snap properties.
A scroll container is said to be snapped to a snap position if its scrollport's scroll position is that snap position and there is no active scrolling operation.
The 'scroll-snap-margin' property defines the <a>scroll snap area</a> on elements within a <a>scroll container</a>, used in calculating <a>snap positions</a> for that scroll container.
433
+
The 'scroll-snap-margin' property defines the <dfn lt="scroll snap area" local-lt="snap area">scroll snap area</dfn> on elements within a <a>scroll container</a>, used in calculating <a>snap positions</a> for that scroll container.
434
434
435
435
The 'scroll-snap-margin' property defines
436
436
the <dfn lt="scroll snap area" local-lt="snap area">scroll snap area</dfn>
0 commit comments