I've created a ScrollTrigger to animate in lots of elements on the page as they become visible.
What I'd like to do is be able to combine that with offset so that each group that appears on screen, they will animate in with a slight delay each. At the moment they all appear at once, which is to be expected as each has its own timeline.
My thinking is that I'd need to somehow get all the elements that become visible at (roughly) the same time onto the same timeline so that can then use offset. But I can't think how that's possible, and I'm sure there must be a simpler solution.
Is there a way to achieve this?