Scrolltrigger zoom through element and then scroll
Hello,
I'm hoping to get a bit of guidance on direction for an effect I'm trying to achieve. It's been a while (about 3 years) since I've done a GSAP project so doing a lot of reading trying to catch up on what's new. My aim is to replace scroll magic for this task and switch over to scroll trigger. But currently hitting a few stumbling blocks.
The interaction I'm trying to create:
Scroll the page until a masked image is reached
Pin the image and scale the i
Hello @seanom
Using a timeline certainly is the best way to approach this - but with your approach you are actually making one of the most common ScrollTrigger mistakes; nesting ScrollTriggers inside multiple timeline-tweens. You'd want to avoid that and instead set up the scrollTrigger on the timeline itself.
You can use the position parameter of the timeline (more info on that right below the video on the linked docs-page) to properly adjust the timing for the
