Skip to content

Commit 26a6269

Browse files
committed
[scroll-animations-1] Clarify interaction with animation events. w3c#4324
1 parent 33978b9 commit 26a6269

1 file changed

Lines changed: 22 additions & 1 deletion

File tree

scroll-animations-1/Overview.bs

Lines changed: 22 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -37,6 +37,7 @@ spec:web-animations-1;
3737
text:active duration
3838
text:iteration count
3939
text:iteration duration
40+
text:finished play state
4041
spec:html;
4142
type:dfn; for:/; text:browsing context
4243
type:method; text:requestAnimationFrame()
@@ -732,7 +733,27 @@ spec: cssom-view-1; type: dfn;
732733

733734
ISSUE: Do we want to expand this scope to preceding siblings and/or distant cousins?
734735

735-
# Avoiding cycles with layout # {#avoiding-cycles}
736+
## Animation Events ## {#events}
737+
738+
[=Scroll-driven animations=] dispatch all the same animation events
739+
as the more typical time-driven animations
740+
as described in
741+
[[web-animations-1#animation-events-section]],
742+
[[css-animations-1#events]],
743+
and [[css-animations-2#event-dispatch]].
744+
745+
Note: When scrolling backwards,
746+
the <code>animationstart</code> event will fire
747+
at the <em>end</em> of the [=active interval=],
748+
and the <code>animationend</code> event will fire
749+
at the start of the [=active interval=].
750+
However, since the <code>finish</code> event
751+
is about entering the [=finished play state=],
752+
it only fires when scrolling forwards.
753+
754+
# Frame Calculation Details # {#frames}
755+
756+
## Avoiding cycles with layout ## {#avoiding-cycles}
736757

737758
The ability for scrolling to drive the progress of an animation,
738759
gives rise to the possibility of <dfn>layout cycles</dfn>,

0 commit comments

Comments
 (0)