@@ -413,10 +413,10 @@ spec: cssom-view-1; type: dfn;
413
413
<dt> <dfn>cover</dfn>
414
414
<dd>
415
415
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
417
417
the [=start=] [=border edge=] of the element’s [=principal box=]
418
418
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
420
420
the [=end=] [=border edge=] of the element’s [=principal box=]
421
421
coincides with the [=start=] edge of its [=view progress visibility range=] .
422
422
@@ -425,12 +425,12 @@ spec: cssom-view-1; type: dfn;
425
425
Represents the range during which the [=principal box=]
426
426
is either fully contained by, or fully covers,
427
427
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 :
429
429
* the [=start=] [=border edge=] of the element’s [=principal box=]
430
430
coincides with the [=start=] edge of its [=view progress visibility range=] .
431
431
* the [=end=] [=border edge=] of the element’s [=principal box=]
432
432
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 :
434
434
* the [=start=] [=border edge=] of the element’s [=principal box=]
435
435
coincides with the [=start=] edge of its [=view progress visibility range=] .
436
436
* the [=end=] [=border edge=] of the element’s [=principal box=]
@@ -454,21 +454,21 @@ spec: cssom-view-1; type: dfn;
454
454
<dd>
455
455
Represents the range during which the [=principal box=] crosses the [=end=]
456
456
[=border edge=]
457
- * 0% progress represents the position at which
457
+ * 0% progress represents the latest position at which
458
458
the [=start=] [=border edge=] of the element’s [=principal box=]
459
459
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
461
461
the [=end=] [=border edge=] of the element’s [=principal box=]
462
462
coincides with the [=end=] edge of its [=view progress visibility range=] .
463
463
464
464
<dt> <dfn>exit-crossing</dfn>
465
465
<dd>
466
466
Represents the range during which the [=principal box=] crosses the [=start=]
467
467
[=border edge=]
468
- * 0% progress represents the position at which
468
+ * 0% progress represents the latest position at which
469
469
the [=start=] [=border edge=] of the element’s [=principal box=]
470
470
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
472
472
the [=end=] [=border edge=] of the element’s [=principal box=]
473
473
coincides with the [=start=] edge of its [=view progress visibility range=] .
474
474
</dl>
@@ -480,11 +480,11 @@ spec: cssom-view-1; type: dfn;
480
480
<a href="http://www.w3.org/TR/css-transforms/">Transforms</a> are ignored,
481
481
but [=relative positioning|relative=] and [=absolute positioning|absolute=] positioning
482
482
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
+
488
488
[[CSS-POSITION-3]] [[CSS-TRANSFORMS-1]]
489
489
490
490
## Calculating Progress for a View Progress Timeline ## {#view-timeline-progress}
0 commit comments