@@ -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
4041spec: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