WorkflowbyJo Posted December 9, 2022 Share Posted December 9, 2022 Hi - Im new to css and ran into a hiccup. I have a code to create a sticky effect for the page sections. However, it cuts off a section "How to..." and the top of the section remains sticky while scrolling - not displaying full section - until the next section is scrolling up, in this case "FAQ." How can i fix this? Here's the code: #page .page-section {position: sticky!important; top: 0px!important} html {scroll-behavior: smooth} Link to comment
Beyondspace Posted December 9, 2022 Share Posted December 9, 2022 1 hour ago, WorkflowbyJo said: Hi - Im new to css and ran into a hiccup. I have a code to create a sticky effect for the page sections. However, it cuts off a section "How to..." and the top of the section remains sticky while scrolling - not displaying full section - until the next section is scrolling up, in this case "FAQ." How can i fix this? Here's the code: #page .page-section {position: sticky!important; top: 0px!important} html {scroll-behavior: smooth} Can you share your site with the protected password so I can take a look? Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio pluginIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you Link to comment
CCKit Posted March 3 Share Posted March 3 Having the same issue, same code. Would love a fix, otherwise I'll have to redesign the whole thing :( Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment