scrolltrigger Scrolltrigger | confict between components w/ pin set

[finoz]

Hi!

I'm trying to set a scrolltrigger animation for my components, often pinning the elements.
But if I set a pin for an element, the next one starts before the start I assign to it (in the demo).

 

In my demo, I setup the .component-a  scrollTrigger to start with a "top top", but in the second instance, positioned after the pinned component, starts the animation before being in the view.

What am I doing wrong?

 

Thank you!

 

Finoz

See the Pen jOYPamL by finoz (@finoz) on CodePen

[OSUblake]

Welcome to the forums @finoz

 

You just need to create them in the order they appear in the DOM, so maybe something like this?

 

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

 

[finoz]

Brilliant!

thank you @OSUblake!