November 5, 2018 at 5:28 am #278476
I’ve got a problem with position:sticky and flexbox.
I have a view splitted in two parts: left and right, with both of them organized in HEADER and CONTENT.
Both sides have a sticky header and the right side can scroll both on X and Y axis.
The right-side header can only scroll on X axis.
So far so good! But…
Problem appears when i try to scroll the right part of the page. I don’t know how to manage to get both the overflow-x/y on the right side AND the right header div to be “stickied”.
Removing the overflow-x: auto on right container seems to do the trick but then the right content is not wrapped anymore into the page.
CODEPEN EXAMPLE: https://codepen.io/dyd666/pen/LXEXqv
Thanks a lot!
You must be logged in to reply to this topic.