Hi, I want to solve this behavior when scrolling in ‘about:addons’ page. I put a background-image in body using ‘userChrome.css’ and in ‘userContent.css’ I set transparency in some elements backgrounds, but when I scroll the element goes behind .sticky-container element, so here is my question: Can I make the and .sticky-container elements don’t cross, I tried to set a margin, clip-path, etc but I couldn’t make any progress to solve it.
Maybe try to set “overflow: hidden” on the container of the scrolling elements?Edit: I’m not so sure about that now. I think I’m confusing it for something else.
the element with
position: stickymakes it like float, always visible, and seems like the element don’t reserve space and other elements can go behind it, I don’t know how to solve it without remove that behavior (always visible on top).