I can't assign a timeline properties into a loop forEach

[JoffreyPersia]

Hi, 

I am new here, and i am a greensock enthusiast (and a newbie in JS and GSAP ^^)
I discovered this JS library few days ago, watched a Udemy tutorial, and I am trying to implement it on my WordPress Oxygen Builder website. 

 

This is also my first CodePen to show you my problem : inside the loop "forEach" I created a timeline with some properties, but I don't understand why the properties are not active when the scrollTrigger trigger...

Thank you

See the Pen MWvpdXb by pixelmort27 (@pixelmort27) on CodePen

[akapowl]

Hello @JoffreyPersia and welcome to the forums.

 

If you want to apply a ScrollTrigger to a timeline, the scrollTrigger object needs to be on the timeline itself and not on seperate tweens of the timeline.

 

That is one of the most common ScrollTrigger mistakes as mentioned in this article - which will be really handy for avoiding other mistakes as well  

 

 

 

 

Does this work more like what you intended?

 

See the Pen 45efd568a09fb9e429290d80dcfbe42d by akapowl (@akapowl) on CodePen

[JoffreyPersia]

Thank you so much @akapowl

Yes it is what I was looking for ! Thank you so much.

I have soooo many questions but I should keep this topic clear.