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? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, 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, 2023 Share Posted March 3, 2023 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