Hello!
I have tried to use ScrollTrigger on TimeLineLite in order to not declare it on every single operation.
However when I do that the animation does not start until circa 50% after the start indicator passes the scroller-mark (as seen in the attached codepen).
A workaround would be
// instead of this
tl2.to('.l', { x: -200 }, 1);
tl2.to('.r', { x: 200 }, 1);
// to use this
tl2.to('.l', { x: -200, scrollTrigger: { ... } }, 1);
tl2.to('.r', { x: 200, scrollTrigger: { ... } }, 1);
which is not something I wanna do.
Do you have any idea on how to overcome that issue?