Can't use it with Vuetify?

[MuhaddiMu]

I want to use it with Vuetify as Vuetify parallax doesn't allow so many options. Using vue-parallax inside Vuetify breaks things and doesn't work as expected.

Any help would be highly valued

[apertureless]

What do you mean with, it breaks ? Can you maybe provide a small codepen for reproduction?

[MuhaddiMu]

@apertureless Thank you for your response.

Here is the code sandbox, https://codesandbox.io/s/vuetify-playground-gd9lf

By breaking, I mean that the <parallax> content is not showing up. It's just showing a blank screen. It looks like Vuetify is overriding the styles. Any possible fix to this?

[apertureless]

Thanks for the sandbox. It seems to be an css (z-index) issue. Because your container is overlapping everything.

If you add

position: realtive;
z-index: 0

to your container class, it is fixed.

The parallax effect relys currently heavily on css styling. So it can often come to problems.