I am trying to make this code work. The idea is to have the screens scroll at a little slower speed, than document scroll, but having the labels animat ein from right whenever we "start" a new screen (different colors) in the mock phone on the left.
Unfortunately they don't seem to be completely in sync and get triggered way later for some reason.
I don't really get why they are delayed and how to get them in sync.
Is it due to the "to(...)" of the parent ScrollTrigger.
How can I get them in sync and consider it?
I already tried pinnedContainer, but then the first one triggers correctly and the last ones, after all of the container is scrolled through.
Really appreciate any suggestions
(also read the "Most commen errors" section, but is this a ScrollTrigger in a ScrollTrigger problem? If so: how can I do it differently?)