Pinned layers in both directions
Hi fantastic people of Greensock! I'm a big fan, and a shockingly green member.
I'm wrapping my head around ScrollTrigger, and I'm trying to achieve an effect like the one here: https://www.easytigerfilms.fr/en/actualites
My codepen demo only deals with one image for now. I've pinned the images so the basic overlay effect works when scrolling down, but when I scroll up (logically), the translation occurs backwards.
I'm stuck there: I don't know if I should use disable()/enable(),
Hi @ZachSaucier!
As simple as the underlying logic might seem in the end, it took me some time to understand how to animate clipping with the hidden overflow containers and translations!
Here's the finished demo pen (second image and polishing coming later in prod), let me know if there are apparent issues in my implementation:
Thanks again for helping me get there!
Cheers,
Hugo.
