hanifrev Posted September 21, 2022 Share Posted September 21, 2022 Hey guys, I'm new in here, so I want to create something like this (on image) but in ReactJS, can anyone help? Thanks Link to comment Share on other sites More sharing options...
Rodrigo Posted September 21, 2022 Share Posted September 21, 2022 Hi @hanifrev and welcome to the GreenSock forums! This is a simple example of creating a ScrollTrigger in a React app: See the Pen zYjdoNo by GreenSock (@GreenSock) on CodePen Happy Tweening!!! 3 Link to comment Share on other sites More sharing options...
hanifrev Posted September 22, 2022 Author Share Posted September 22, 2022 @Rodrigo hey thanks for the answer, I appreciate it. But I mean I want something like this: See the Pen QWNqBvL by GreenSock (@GreenSock) on CodePen so, I want the box (element) animated/moving only when I scroll it to their view, that's the point that I'm still confuse to make it into React Link to comment Share on other sites More sharing options...
Solution Rodrigo Posted September 22, 2022 Solution Share Posted September 22, 2022 It's basically the same approach with a few variations: See the Pen gOzxzqv by GreenSock (@GreenSock) on CodePen I encourage you to check the documentation of ScrollTrigger in order to find out how it works: https://greensock.com/docs/v3/Plugins/ScrollTrigger Happy Tweening!!! 1 1 Link to comment Share on other sites More sharing options...
hanifrev Posted September 22, 2022 Author Share Posted September 22, 2022 Thank you very much @Rodrigo Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now