Hi all,
I'm struggling with achieving something like this (it will work similar for multiple sections): inside section some elements show up when I scroll to this section, and then - after they are on their places sitting and visible, and I move on with scrolling through document, those elements have to create parralax effect (here blue and green box). One of them should go up (with faster speed than normal scroll) and second one should go down (also with faster speed).
I'm struggling with order of those events and also speed/position of those elements. They show up too quickly and I'm not sure how to properly adjust start and end for scrollTrigger for parralax effect here. What is the best approach to set "y" value?
I know it's rather complicated, but would be very very grateful if someone could take a look at this. Maybe someone did something silmilar. I was checking documentation and also parralax examples, but nothing seems to help...