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
For a scroll container, a particular value for its scroll offset is a snap position if when scrolled to that offset the visual viewport of the scroll container would align with a descendent element in the manner specified by the scroll snap properties.
231
+
For a scroll container, a particular value for its scroll offset is a snap position if when scrolled to that offset 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 visual viewport's scroll offset is that snap position and there is no active scrolling operation.
235
+
A scroll container is said to be snapped to a snap position if its scrollport's scroll offset is that snap position and there is no active scrolling operation.
The act of adjusting the scroll offset of a scroll container's visual viewport such that it is snapped to a snap position is called snapping.
239
+
The act of adjusting the scroll offset of a scroll container's scrollport such that it is snapped to a snap position is called snapping.
240
240
</dl>
241
241
242
242
Capturing Scroll Snap Areas: Properties on the scroll container {#properties-on-the-scroll-container}
@@ -319,13 +319,13 @@ Snapport: the 'scroll-snap-padding' property {#scroll-snap-padding}
319
319
Initial: 0
320
320
Applies to: <a>scroll containers</a>
321
321
Inherited: no
322
-
Percentages: relative to the corresponding dimension of the scroll container's visual viewport
322
+
Percentages: relative to the corresponding dimension of the scroll container's scrollport
323
323
Media: interactive
324
324
Computed value: as specified, with lengths made absolute
325
325
Animatable: as length, percentage, or calc
326
326
</pre>
327
327
328
-
The 'scroll-snap-padding' property defines the <a>snapport</a>, a region inset from the visual viewport of a <a>scroll container</a> used in calculating its <a>snap positions</a>. The snapport 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.
328
+
The 'scroll-snap-padding' property defines the <a>snapport</a>, a region inset from the scrollport of a <a>scroll container</a> used in calculating its <a>snap positions</a>. The snapport 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 scrollport.
329
329
330
330
<div class="example">
331
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.
@@ -463,7 +463,7 @@ Physical Longhands for 'scroll-snap-padding' {#padding-longhands-physical}
463
463
Initial: 0
464
464
Applies to: <a>scroll containers</a>
465
465
Inherited: no
466
-
Percentages: relative to the scroll container's visual viewport
466
+
Percentages: relative to the scroll container's scrollport
467
467
Media: interactive
468
468
Computed value: as specified, with lengths made absolute
469
469
Animatable: as length, percentage, or calc
@@ -480,7 +480,7 @@ Flow-relative Longhands for 'scroll-snap-padding' {#padding-longhands-logical}
480
480
Initial: 0
481
481
Applies to: <a>scroll containers</a>
482
482
Inherited: no
483
-
Percentages: relative to the scroll container's visual viewport
483
+
Percentages: relative to the scroll container's scrollport
484
484
Media: interactive
485
485
Computed value: as specified, with lengths made absolute
486
486
Animatable: as length, percentage, or calc
@@ -494,7 +494,7 @@ Flow-relative Longhands for 'scroll-snap-padding' {#padding-longhands-logical}
494
494
Initial: 0
495
495
Applies to: all elements
496
496
Inherited: no
497
-
Percentages: relative to the scroll container's visual viewport
497
+
Percentages: relative to the scroll container's scrollport
498
498
Media: interactive
499
499
Computed value: as specified, with lengths made absolute
0 commit comments