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
Ready for more? Continue reading with: