bugsMaker Posted February 2, 2023 Share Posted February 2, 2023 Hi, Thanks for this great library. What I want to do is adding multiple effect to one element on scroll, but every effect has different start and end point eg. from y: -50 to y:50 start: 'top bottom' end: 'top center' and from opacity: 0 to opacity: 1, start :'top bottom' end: 'top 80%' I don't know if my question is valid Thanks in advanced. Link to comment Share on other sites More sharing options...
Solution Rodrigo Posted February 2, 2023 Solution Share Posted February 2, 2023 Hi @bugsMaker and welcome to the GreenSock fourms! There is no issue in creating different ScrollTrigger instances for each animation as long as they don't animate the same properties. Here is a super simple example: See the Pen BaPvVzK by GreenSock (@GreenSock) on CodePen Let us know if you have more questions and remember to include a minimal demo. Happy Tweening! 1 Link to comment Share on other sites More sharing options...
bugsMaker Posted February 3, 2023 Author Share Posted February 3, 2023 This is working exactly as I want. Thanks for great help 💗 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