视差

v-parallax组件创建一个3d效果使图像显示比窗口滚动更慢。

用例

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

API

v-parallax
名称
alt
默认值
undefined
类型
string

Components.Parallax.

名称
height
默认值
500
类型
string | number

设置组件高度

名称
src
默认值
undefined
类型
string

Components.Parallax.

示例

内容伴随

你也可以在视差中放置任何内容,这使您可以使用视差作为英雄图像。

自定义高度

你可以在视差上指定自定义高度。请记住,如果您的图像尺寸不合适,这可能会打破视差。

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