Parallax 视差

视差滚动是计算机图形学和网页设计中的一种技术,背景图像通过摄像机移动的速度比前景图像慢,在二维场景中创建一种深度错觉,并增加沉浸感。

QParallax 解决了很多问题,包括图像/视频的大小实际上可以小于窗口的宽度/高度。

QParallax API

Loading QParallax API...

用法

滚动的容器

请阅读这里来了解 Quasar 如何确定要附加滚动事件的容器。

图像背景




视频背景

WARNING

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

WARNING

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




自定义速度




使用插槽