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
Copy file name to clipboardExpand all lines: css-snappoints/Overview.bs
+3-11Lines changed: 3 additions & 11 deletions
Original file line number
Diff line number
Diff line change
@@ -188,17 +188,15 @@ Overview {#overview}
188
188
as a particular alignment ('scroll-snap-align')
189
189
of an element's <a>scroll snap margin</a> ('scroll-snap-margin', defaulting to its border box)
190
190
within the <a>scroll container</a>’s <a>snap alignment container</a>
191
-
(the rectangle obtained by reducing its visual viewport by its 'scroll-snap-padding').
191
+
(its visual viewport, as reduced by its 'scroll-snap-padding').
192
192
This is conceptually equivalent to specifying the alignment of
193
193
an <a>alignment subject</a> within an <a>alignment container</a>.
194
194
A scroll position that satisfies the specified alignment
195
195
is a <a>snap position</a>.
196
196
197
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.
198
198
199
-
<a>Snap positions</a> must only affect the nearest ancestor
200
-
(on the element's <a>containing block chain</a>)
201
-
<a>scroll container</a>.
199
+
<a>Snap positions</a> only affect the nearest ancestor <a>scroll container</a> on the element's <a>containing block chain</a>.
The 'scroll-snap-padding' property defines the <a>snap alignment container</a>, a region inset from the visual viewport of a <a>scroll container</a> used in calculating its <a>snap positions</a>. The snap alignment container is used as the alignment container when calculating <a>snap positions</a>.
Specifies the region inset from the visual viewport. Values are interpreted as for 'padding', and specify inward offsets from each edge of the visual viewport.
336
-
</dl>
328
+
The 'scroll-snap-padding' property defines the <a>snap alignment container</a>, a region inset from the visual viewport of a <a>scroll container</a> used in calculating its <a>snap positions</a>. The snap alignment container is used as the alignment container when calculating <a>snap positions</a>. Values are interpreted as for 'padding', and specify inward offsets from each edge of the visual viewport.
337
329
338
330
<div class="example">
339
331
In this example, scroll-snap-padding is used to center slideshow images within the portion of the viewport that is not obscured by a fixed-position toolbar.
0 commit comments