Hi guys,
I'm currently working on a project and want to use ScrollTrigger to create a horizontal scroll, but with nested pinned animations.
As you can see in the pen attached, I want the orange section to be pinned until the opacity of the paragraph equal 0. I managed to create the ScrollTrigger instances, but I don't know how to pin the orange section till the animation ends.
Any help would be greatly appreciated!
Cheers!
See
Hi,
What you can use is Container Animation (see the gray section):
Now if you want to stop the animation in a specific part, I'm not sure if pining the horizontal element is possible. I'll ping @GreenSock so he can enlighten all of us. What I know is possible is to create a single timeline to handle all the horizontal animation. Move all the panels until the orange one, add the animation there and then keep the horizontal animation of the panels. All we have to do is find whic