techdevil Posted October 26, 2023 Share Posted October 26, 2023 Hello, Here is my structure : <body> <div class="page-wrapper"> <main class="main-wrapper"> <section class="section_intro">THIS CONTENT IS: POSITION FIXED</section> <div class="content-wrapper">THIS CONTENT PASSES OVER section_intro TO SCROLL</div> </main> </div> </body> I made a codepen. You can see that my fixed section is offset. If you remove "content: '.main-wrapper'" from js code, it's work but not with the scrollSmoother. Can you help ? Thank you See the Pen LYqpGEX by jimmylet (@jimmylet) on CodePen Link to comment Share on other sites More sharing options...
Carl Posted October 26, 2023 Share Posted October 26, 2023 Hello. It is recommended that fixed elements go outside your wrapper Please see the ScrollSmoother caveats in the docs: https://gsap.com/docs/v3/Plugins/ScrollSmoother/#caveats 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