Animate Elements On Scroll With Scroll-Driven Animations | Css And Ui | Chrome for Developers
The classic way to achieve these kinds of effects is to respond to scroll events on the main thread, which leads to two main problems:
- Modern browsers perform scrolling on a separate process and therefore deliver scroll events asynchronously.
- Main thread animations are subject to jank.