QParallax

视差滚动是计算机图形学和Web设计中的一种技术,其中,相机移动背景图像的速度要比前景图像慢,从而在2D场景中产生深度错觉并增加沉浸感。

QParallax会处理很多怪异行为,包括实际上可能小于窗口宽度/高度的图像/视频大小。

安装

/*
 * No installation step is necessary.
 * It gets installed by default by @quasar/app v2+.
 */

用法

Image background

WARNING

在某些iOS平台上,原生<video>标签的自动播放功能可能存在问题。 参考。 QParallax和Quasar不会以任何方式干扰客户端浏览器对<video>标签的能力/限制。

WARNING

当在QParallax中使用video标签时,您必须提供widthheight属性,以使QParallax正常工作,因为这种媒体具有固有的调整大小功能。 另外,请注意,只有在加载视频的元数据后,实际的视频宽度和高度才可用。

Custom height with video background
Custom speed
Scoped Slot

QParallax API

Loading API...
Please wait...