[ScrollTrigger startpoints not working properly.]

On 12/5/2022 at 4:25 PM, Rodrigo said:

Hi @MCP,

 

If you are using React I recommend you to stop by and have a look at this article:

 

Also we strongly recommend using GSAP Context when working with React:

https://greensock.com/docs/v3/GSAP/gsap.context()

 

Happy Tweening!

Thank you!

Absolutely love GSAP. I'll dive deeper into it.
First time I found GSAP was not so long ago while deconstructing someone's website from awwwards. 

[Is there any option to make move animation inside Clipping mask SVG?]

On 2/5/2017 at 6:21 PM, PointC said:

You're adding your clip-path to each individual path and rectangle. All you have to do to fix this is create a group around those elements and add the clip-path to that group. Here's a fork of you pen with that change:

 

 

 

 

Happy tweening.

 

Wow! Thank you for the knowledge. This tip with clipping group and moving paths inside the group after save me.
One should remember that you have to resave your code from your vector editor instead of trying to change the html code of svg. It worked that way for me.

 

 

[ScrollTrigger startpoints not working properly.]

On 11/30/2020 at 6:51 AM, GreenSock said:

This sure sounds like you're loading content in dynamically or something, so just make sure you call ScrollTrigger.refresh() when all your stuff is loaded and ready to go. That'll force ScrollTrigger to recalculate all the start/end positions. Does that help?

You are the best. ScrollTrigger.refresh() helped me with responsive layout in React as well!

[Animate in from offscreen?]

It's all good but how to avoid having these horizontal scrolls until the animation have ended?