For Enterprise

The v-parallax component creates a 3d effect that makes an image appear to scroll slower than the window.

A parallax causes a shift in a background image when the user scrolls the page.

Select your desired component from below and see the available props, slots, events and functions.

Below is a collection of simple to complex examples.

You can also place any content inside of the parallax. This allows you to use the parallax as a hero image.

You can specify a custom height on a parallax. Keep in mind this can break the parallax if your image is not sized properly

Caught a mistake or want to contribute to the documentation? Edit Layout or Content on GitHub!