I have one parent element and two child elements. I’m trying to make the two children move in opposite directions when the parent block is scrolled into view, but with different smoothness.
To achieve this, I added two scroll triggers to the parent block — one trigger animates one child, and the other trigger animates the second child, each with its own smoothness.
The issue is that when I scroll the parent block, only one of the triggers works — the other one stops working entirely. However, when tested separately, both triggers work fine. It’s just that they don’t seem to work together at the same time.
This didn’t happen with the old animation system (before GSAP). Any ideas why this might be happening?
Read-only link: Webflow - Wondrous Site