sayan5561 Posted April 13, 2022 Share Posted April 13, 2022 This is my first time trying scroll trigger in gsap I am trying to understand how locomotive scroll and scroll trigger work together but when the animation is going on I am facing some kind of sticky-ness in the animation I mean the animation is not smooth there some kind of delay in between but I don't know what is the reason for this. I tried to recreate this situation in my code pen which I have linked below. It will be helpful if some one can help me to solve this. thank you See the Pen jOYvYxK by sayan-chatterjee5132 (@sayan-chatterjee5132) on CodePen Link to comment Share on other sites More sharing options...
akapowl Posted April 13, 2022 Share Posted April 13, 2022 Welcome to the GSAP forum @sayan5561 You've got an unspecified transition set on your h4 - so basically a transition all - in CSS, which is interfering with GSAP's tween. You will need to either get rid off it or specify what is supposed to be transitioned, so it does not add CSS transitions to properties you are going to tween on with GSAP on those elements. Edit: This here explanation by @GreenSock should help understand the why behind your issue a bit better. Happy tweening! See the Pen WNdgMZW by akapowl (@akapowl) on CodePen 2 1 Link to comment Share on other sites More sharing options...
sayan5561 Posted April 13, 2022 Author Share Posted April 13, 2022 yup thats solves it thank you very much 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