ScrollTrigger containerAnimation attribute combine with a quickTo() tween

[Michaël Garcia]

Hello GSAP lovers,

I'm using a quickTo() method to create an infinite loop of my container - related to my wheel event. 

Eventually my container is moving horizontally. 

I'd like to scrub an animation on its child depending on the child position.

To do so I created a tween of the child element and I set the containerAnimation attribute but it doesn't seem to works. 

 

Is there a way to combine the containerAnimation with a quickTo() method ?
I'd like to see my.scrub child element become transparent the more it's getting closer to the left edge.

 

Thank you very much for your help!

See the Pen ExJdjjb by johnndoe (@johnndoe) on CodePen

[Rodrigo]

Hi,

 

I'm not exactly sure of what you're trying to do but we have a Seamless Loop helper function:

https://gsap.com/docs/v3/HelperFunctions/helpers/seamlessLoop

 

Here is a simple demo with an active class change for the element at center:

See the Pen rNbGPrp by GreenSock (@GreenSock) on CodePen

 

Hopefully this helps.

Happy Tweening!