Forums

This topic contains 0 replies, has 1 voice, and was last updated by  Dyd 2 months, 1 week ago.

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)

You must be logged in to reply to this topic.

icon-link icon-logo-star icon-search icon-star