Scroll Trigger-Snap And Zoom is Possible?

[sawacrow]

Hi all!

I am using the script from codepen for snap-scroll.

i like below web site scroll-zoom in-fade effect. is that possible on my scroll trigger?

https://futuregreensteps.com/ 

See the Pen KKpLdWW by GreenSock (@GreenSock) on CodePen

[mvaneijgen]

Hi @sawacrow what have you tried already?

 

Personally I would create a timeline and add your animations to that timeline instead of having a ScrollTrigger for each element like in the example. The best thing to do with ScrollTrigger is to remove it! This seems counter intuitive, but ScrollTrigger is just animating something on scroll, so just focus on the animation at first and only when you're happy with the animation add ScrollTrigger back in. 

 

Here is a great tutorial how to start working with ScrollTrigger by not starting with ScrollTrigger. Just post back here with the animation you want to have and any follow up questions you have. Hope it helps and happy tweening! 

 

 

[sawacrow]

On 3/14/2023 at 1:23 PM, mvaneijgen said:

Hi @sawacrow what have you tried already?

 

Personally I would create a timeline and add your animations to that timeline instead of having a ScrollTrigger for each element like in the example. The best thing to do with ScrollTrigger is to remove it! This seems counter intuitive, but ScrollTrigger is just animating something on scroll, so just focus on the animation at first and only when you're happy with the animation add ScrollTrigger back in. 

 

Here is a great tutorial how to start working with ScrollTrigger by not starting with ScrollTrigger. Just post back here with the animation you want to have and any follow up questions you have. Hope it helps and happy tweening! 

 

 

Sorry for the late reply.
I didn't have time for this job. I will try to solve it with the methods you mentioned. Thank you so much