How to make position: sticky work with vuetify?

Question

css

I set the block "stickiness":

.sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 2em;
    }

After it didn't work, it turned out that the property position: stickydoesn't work if either parent has an overflow property that is set to hidden or scroll.

It turned out that these values ​​are present in the body element in my project (and they can be turned off with the mouse):


However, as it turns out, these css properties for the body tag are set by the vuetify engine (highlighted in blue) and I don’t understand at all how I can do it on a single page (but I don’t want to completely for the entire project, suddenly it’s necessary somewhere) to kill these properties, at least with the help of !important, but it’s better to cancel them entirely or maybe somehow remove them with a script.

Answer 1

I asked a crutch, but this is not a solution:

mounted() {      
        document.getElementsByTagName('body')[0].style.overflowX = "visible"
    },