Skip to content

Commit 6fe1c2b

Browse files
Robert Flackfantasai
Robert Flack
authored andcommitted
Clarify how range positions are determined with sticky offsets.
Fixes #8298
1 parent fe0b1ef commit 6fe1c2b

File tree

1 file changed

+13
-13
lines changed

1 file changed

+13
-13
lines changed

scroll-animations-1/Overview.bs

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -413,10 +413,10 @@ spec: cssom-view-1; type: dfn;
413413
<dt><dfn>cover</dfn>
414414
<dd>
415415
Represents the full range of the [=view progress timeline=]:
416-
* 0% progress represents the position at which
416+
* 0% progress represents the latest position at which
417417
the [=start=] [=border edge=] of the element’s [=principal box=]
418418
coincides with the [=end=] edge of its [=view progress visibility range=].
419-
* 100% progress represents the position at which
419+
* 100% progress represents the earliest position at which
420420
the [=end=] [=border edge=] of the element’s [=principal box=]
421421
coincides with the [=start=] edge of its [=view progress visibility range=].
422422

@@ -425,12 +425,12 @@ spec: cssom-view-1; type: dfn;
425425
Represents the range during which the [=principal box=]
426426
is either fully contained by, or fully covers,
427427
its [=view progress visibility range=] within the [=scrollport=].
428-
* 0% progress represents the earlier position at which:
428+
* 0% progress represents the earliest position at which either:
429429
* the [=start=] [=border edge=] of the element’s [=principal box=]
430430
coincides with the [=start=] edge of its [=view progress visibility range=].
431431
* the [=end=] [=border edge=] of the element’s [=principal box=]
432432
coincides with the [=end=] edge of its [=view progress visibility range=].
433-
* 100% progress represents the later position at which:
433+
* 100% progress represents the latest position at which either:
434434
* the [=start=] [=border edge=] of the element’s [=principal box=]
435435
coincides with the [=start=] edge of its [=view progress visibility range=].
436436
* the [=end=] [=border edge=] of the element’s [=principal box=]
@@ -454,21 +454,21 @@ spec: cssom-view-1; type: dfn;
454454
<dd>
455455
Represents the range during which the [=principal box=] crosses the [=end=]
456456
[=border edge=]
457-
* 0% progress represents the position at which
457+
* 0% progress represents the latest position at which
458458
the [=start=] [=border edge=] of the element’s [=principal box=]
459459
coincides with the [=end=] edge of its [=view progress visibility range=].
460-
* 100% progress represents the position at which
460+
* 100% progress represents the earliest position at which
461461
the [=end=] [=border edge=] of the element’s [=principal box=]
462462
coincides with the [=end=] edge of its [=view progress visibility range=].
463463

464464
<dt><dfn>exit-crossing</dfn>
465465
<dd>
466466
Represents the range during which the [=principal box=] crosses the [=start=]
467467
[=border edge=]
468-
* 0% progress represents the position at which
468+
* 0% progress represents the latest position at which
469469
the [=start=] [=border edge=] of the element’s [=principal box=]
470470
coincides with the [=start=] edge of its [=view progress visibility range=].
471-
* 100% progress represents the position at which
471+
* 100% progress represents the earliest position at which
472472
the [=end=] [=border edge=] of the element’s [=principal box=]
473473
coincides with the [=start=] edge of its [=view progress visibility range=].
474474
</dl>
@@ -480,11 +480,11 @@ spec: cssom-view-1; type: dfn;
480480
<a href="http://www.w3.org/TR/css-transforms/">Transforms</a> are ignored,
481481
but [=relative positioning|relative=] and [=absolute positioning|absolute=] positioning
482482
are accounted for.
483-
For [=sticky-positioned boxes=],
484-
the box’s [=startmost=] offset position
485-
is used when identifying 0% progress,
486-
and the box’s [=endmost=] offset position
487-
is used when identifying 100% progress.
483+
484+
Note: For [=sticky-positioned boxes=] a given constraint may be satisfied over
485+
a range of scroll positions. Each of the ranges clarifies whether to use the earliest
486+
or latest position.
487+
488488
[[CSS-POSITION-3]] [[CSS-TRANSFORMS-1]]
489489

490490
## Calculating Progress for a View Progress Timeline ## {#view-timeline-progress}

0 commit comments

Comments
 (0)