.thumb.jpg.45ad1f0654d8c8cd759c47599fe1796d.jpg)
timeline won't pause (nor pause() or paused(true)
So the codepen does work, silly enough. Surely there's a difference. I use a clickhandler in the codepen, but I use the intersection Observer to fire the pause event.
When I log .paused() It always returns true (using the intersection observer). But visually I can see the animation hasn't paused (scrolling up and back down)
I tried setting it with both tl.pause() and tl.paused(true)
See the Pen xyMqaK?editors=1111 by flowen (@flowen) on Cod
An example of triggering animations with the Intersection Observer API.
See the Pen WaLjNL by osublake (@osublake) on CodePen.
Notice how the handler only toggles the playback state of an animation.
if (entry.isIntersecting) {
// play animation
} else {
// pause animation
}
Your handler is adding the same animations to an already existing timeline, so it's getting longer and longer every ti
