Hello!
My goal is to have multiple gallery sections containing multiple columns that scroll at different speeds (using ScrollTrigger).
To achieve the multiple sections, I'm using a forEach loop for each section as per https://codepen.io/GreenSock/pen/QWNqBvL, and also looping through the columns within each section.
I'm seeing 2 issues with my current implementation:
Despite the loop, the animations are triggering at the same time (when the Section 1 reaches the trigger). Each section should be triggering its own animations.
I'm seeing the columns in Sections 2 and 3 suddenly reposition when the scroll ends. This isn't happening when on Section 1.
Any help would be appreciated.
Many thanks!