视差

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

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

QParallax API

用法

滚动容器

请阅读这里关于Quasar如何确定将滚动事件附加到自己的容器。

图片背景




视频背景

WARNING

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

WARNING

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




自定义速度




使用插槽

<doc-example title=“Using the slot” file=“QParallax/ScopedSlot” /