I'm trying to achieve an effect in React where cards appear to stack on top of each other sequentially as you scroll down the page. I'm using Framer Motion for animations, and I found this reference: [stryds.com](https://www.stryds.com/). Below is some of the code I'm working with, but I'm not sure if I'm on the right track or if there's a better way to implement this effect. Any tips or examples would be greatly appreciated!
1 Answer
It looks like you might be overcomplicating it a bit with React. While it’s possible to do this with JavaScript, have you considered using CSS for scroll-driven animations? They can perform better, especially for effects like this.
Isn't there a way to achieve this effect with React using something like GSAP?