Skip to main content

Relume Community Icon

Home

Announcements
Feedback
Figma Support
General
Showcase
Webflow Support

Powered by Tightknit

Need Help with Sticky Function for Layout 353 in Webflow

·Sep 06, 2024 03:27 PM

Hi there, would love some help with Layout 353. I've added a fifth card to the mix and can't get the sticky function to work properly now. The 5th and 4th seem to drag up further. Any help Matt J. would be massively appreciated. It's the 3rd last block from the end here: https://preview.webflow.com/preview/alloybysatago?utm_medium=preview_link&utm_source=d[…]6d2154e4585ce22bb6c3b17f70aca7cf&locale=en&workflow=preview

4 comments

· Sorted by Oldest

Need Help with Sticky Function for Layout 353 in Webflow | Relume Community

Matt J.
·
Cliona O. it is my understanding that the last card of the pile will always move up as the page scrolls to stack the rest of the cards. This happens even if I make it six cards. However if you did make it six cards make sure to duplicate the content-item-4 class and increase the top percentage by 2 points to keep things consistent. https://www.relume.io/preview?cid=uncommon-components/section_layout353
Cliona O.
·
Hey Matt, thanks for the speedy reply. Yup, I want the cards to scroll up as the page scrolls up but the 5th card doesn't act as it should even though I have set a new style with the additional 2%. You can see screen snapshot attached for reference. Weirdly, the 3rd card scrolls up above when they should all be flush. I can't see why this would be happening...
Matt J.
·
OH I missed that completely got it
Matt J.
·
Cliona O. these cards are sensitive to consistency so you will either need to edit the third card that has a heading with 2 lines or force all the cards to have a minimum height like I have done here. Then the cards will stack appropriately.