HTML & CSS · Senior · Question 55 of 75
What do scroll-driven animations (animation-timeline: scroll()) allow?
- ✓Correct answer: Linking an animation's progress to scroll position (e.g. a reading progress bar) without JavaScript scroll handlers
- 2Smooth scrolling to anchors
- 3Animating the scrollbar itself
Explanation
view() timelines tie progress to an element's visibility in the viewport. Running on the compositor, they avoid the jank of scroll event listeners.