Mark Bain
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by Mark Bain
-
-
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
See the Pen QWNqBvL by GreenSock (@GreenSock) on CodePen
, 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!
ScrollTrigger animations in nested loops triggering at same time
in GSAP
Posted
Thanks, @akapowel!