Parallax

Компонент v-parallax создаёт 3D-эффект, который заставляет изображение прокручиваться медленнее, чем окно.

Применение

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

API

v-parallax
Имя
alt
По умолчанию
undefined
Тип
string

Прикрепляет свойство alt к изображению параллакса

Имя
height
По умолчанию
500
Тип
string | number

Установка высоты компонента

Имя
src
По умолчанию
undefined
Тип
string

Изображение для параллакса

Примеры

С контентом

Вы также можете разместить любой контент внутри параллакса. Это позволяет использовать параллакс в качестве главного изображения.

Пользовательская высота

Вы можете указать произвольную высоту параллакса. Имейте в виду, что это может сломать параллакс, если ваше изображение не имеет подходящего размера

Edit this page | language on Github
Vuetify 3 is now available!The latest version of Vuetify is now available!
Learn about Vuetify 3's new features and functionality for modern Vue applications
Start exploringExplore