Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums Design Position sticky and flexbox!

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #278476
    Dyd
    Participant

    Hi!

    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!

Viewing 1 post (of 1 total)
  • The forum ‘Design’ is closed to new topics and replies.