Adiacent Posted May 25, 2021 Share Posted May 25, 2021 Hi, putting the smooth scrollbar, the fixed header as on your example no longer works, you can give me a hand. Removing the smooth scrool's js code works fine. Example: ( See the Pen qBawMGb by GreenSock (@GreenSock) on CodePen ) Thanks See the Pen PopjGbz by marcotorcolacci (@marcotorcolacci) on CodePen Link to comment Share on other sites More sharing options...
Solution akapowl Posted May 25, 2021 Solution Share Posted May 25, 2021 Hey there @Adiacent That has to do with the fact that with most if not all smooth-scrolling libraries you can not have position fixed elements inside your scroller / smooth-scrolling container. So if you want position fixed elements to work as expected, you will have to place them outside of that scroller in your HTML markup like this e.g. See the Pen 7698bf2eb6b8baff50ad9e603cfd2ef2 by akapowl (@akapowl) on CodePen I highly recommend digging into how smooth-scrollbar works if you want to continue using it or you will only run into more roadblocks further down the road. Hope this helps for the start. 3 Link to comment Share on other sites More sharing options...
Adiacent Posted May 25, 2021 Author Share Posted May 25, 2021 Thanks @akapowl, my distraction, I often used the scroll locomotive but not smooth-scrollbar ....I haven't read the documentation well. 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