Hi everyone, I'm trying to make a sticky sidebar for an app, but unable to get the sticky placement to actually work. I've defined a top margin, set sticky, but no luck.
Thanks for sharing this @Andreas Møller-- i for some reason can't get it to work even when positions defined. Maybe i missed a setting somewhere
Max
1 year ago
Please share a few screenshots and the desired behavior, then we might be able to help. Where is the element on the screen, what is your configuration, etc
❤️1
🙏1
TCG.Store
1 year ago
Max
1 year ago
What is the behavior that you want to achieve?
TCG.Store
1 year ago
When a user scrolls this sidebar (cardhouse logo and tng gamez logo) remains sticky on scroll-y
Max
1 year ago
You mean scrolls within the sidebar? Can you show your element tree?
TCG.Store
1 year ago
ah good question, i mean when folks scroll anywhere on the page the sidebar remains sticky regardless of the length of the content on the right of the sidebar
Max
1 year ago
Elements are only sticky within their containers. It looks like there is a div around your sticky element. This will break the behavior
TCG.Store
1 year ago
oh i see, you can't have nested elements and the top parent sticky?
TCG.Store
1 year ago
I tried making for example making 1 logo sticky, but no luck 😦
Lucas G
1 year ago
They're already at the top there
Where do you want them to be sticky
Is the sidebar scrollable
TCG.Store
1 year ago
sticky to the middle of the page, and the sidebar is currently scrollable
.jpeg/public)