Sticky header with sticky split content
front-endHi, struggling getting a specific layout to work. I am trying to get a header above a left/right split content. The right content should be sticky to the top and bottom of the scrolling container. As soon as I add the header it all falls apart though. Effectively I want to be able to scroll past the header then keep scrolling through the left content, all while having the right content sticky.
The current issue is that the right content is only sticky to the top of the container, not the bottom too.
Codepen here: https://codepen.io/alasdair-cooper/pen/ZYpYaXo
The current issue is that the right content is only sticky to the top of the container, not the bottom too.
Codepen here: https://codepen.io/alasdair-cooper/pen/ZYpYaXo
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time š.
36,263Members
Resources
Recent Announcements
Similar Threads
Was this page helpful?
