Share Posted May 17 Hello. When I used ScrollSmoother, the Circle Text Animation is "position: fixed;", but the location is not fixed. When you scroll, it moves together. What's the way to keep them in the same position all the time? See the Pen JjpEQeM by goodcontext (@goodcontext) on CodePen Link to comment Share on other sites More sharing options...
Solution Author Solution Share Posted May 17 I solved it myself again. pinReparent: true, pinType: "fixed" It works when you fix it with ScrollTrigger.How do I delete Topic? 1 Link to comment Share on other sites More sharing options...
Share Posted May 17 Good job! Yeah, you can pin things with scrollTrigger, but if you want elements to be position fixed with CSS they'll need to be outside of the scroll wrapper position: fixed should be outside the wrapper - since the content has a CSS transform applied, browsers create a new containing block and that means position: fixed elements will be fixed to the content rather than the viewport. That's not a bug - it's just how CSS/browsers work. You can use ScrollTrigger pinning instead or you could put any position: fixed elements OUTSIDE the wrapper/content. 1 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