How can I achieve this parallax section effect?

[darky98]

I am developing a web with REACT and I need to recreate this scroll parallax effect: https://gmeadow.com/.

Is there any example on codepen or any code to do something like this?. I haven't code anything because I don't know where to start.

Thanks.

[GreenSock]

Welcome to the forums, @darky98. 

 

Please read the forum guidelines - we can't dissect a live site and provide "how to" instructions for recreating cool effects, but we'd be happy to answer any GSAP-specific questions. 

 

That site looks like it's not even using any real scrolling - it's just listening for wheel/touch/pointer events to trigger animations. Perhaps this CodePen would prove useful: 

See the Pen PoWapLP by BrianCross (@BrianCross) on CodePen

 

Good luck!

[darky98]

On 2/14/2022 at 3:03 AM, GreenSock said:

Welcome to the forums, @darky98. 

 

Please read the forum guidelines - we can't dissect a live site and provide "how to" instructions for recreating cool effects, but we'd be happy to answer any GSAP-specific questions. 

 

That site looks like it's not even using any real scrolling - it's just listening for wheel/touch/pointer events to trigger animations. Perhaps this CodePen would prove useful: 

 

 

 

Good luck!

Wow! thank you very much! i made some changes for my React project and it worked, the only problem is that there is some sort of bug there with the z-index when you scroll up, but i'm figuring it out how to solve it. Thanks !