Jozua Posted January 9, 2021 Share Posted January 9, 2021 Hello everyone. I have a trouble with scrollTrigger, I want to pin #intro > .circle to top, I don't know why I pinned it but it jumps to right as you see in my codepen. I tried trigger: "#intro .container" or trigger: "#intro .circle" but they have the same errors. Please help me with scrollTrigger. Thanks in advanced. See the Pen rNMrKVo by Jozua (@Jozua) on CodePen Link to comment Share on other sites More sharing options...
Solution akapowl Posted January 9, 2021 Solution Share Posted January 9, 2021 Hey @Jozua - welcome to the forums. This seems to be related to the method of centering your .content up in your #intro with the transform-method. I can not tell you much on the why, but a suggestion would be to maybe use display: flex on your #intro instead. See the Pen 8e4337c8e9a7af4948b1a2fb5941c37a by akapowl (@akapowl) on CodePen 1 1 Link to comment Share on other sites More sharing options...
Jozua Posted January 9, 2021 Author Share Posted January 9, 2021 @akapowl thank you so much. Moa moa. 🥰 I will be more careful when I use gsap. There are a lot of things I don't know about gsap and that will destroy everything if I am careless. 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