Ok I am experiencing some weird behavior regarding “position: sticky”.
I want so “split” my screen in half leaving some text and a portrait of myself sticky while on the right side some different content scrolls through.
I tried adding sticky through the stylesheets and I tried adding it through the advanced tab – both has the same outcome.
Here’s the problem:
While working on the page and previewing it with all the oxygen UI around it works perfectly fine. As soon as I switch over to the frontend view, the sticky effect stops working and it scrolls like it would regularly do. How is that?
I regenerated the CSS.
So I solved it myself:
The parent div was set to grid. I instead now set the right column 50% and gave it a left float. Now it works flawlessly, in the oxygen preview as well as in the frontend.
Don’t understand why grid would work in one view but not the other though…