"My simple animation is not doing anything on scroll"
Please check your
end values for your
Root component. A typical issue comes when:
- your animation "starts when the start of the scroller hits the start of the viewport",
- your animation "ends when the bottom of the scroller hits the bottom of the viewport",
- the element your
Rootwraps around is only
100vhtall, so the animation's duration is 0.
To fix this, either add more height to the element your
Root wraps, or tweak the
end value to be something like
bottom start, which would mean "when the bottom of the scroller hits the start of the viewport".