视差
视差滚动是计算机图形学和Web设计中的一种技术,其中,相机移动背景图像的速度要比前景图像慢,从而在2D场景中产生深度错觉并增加沉浸感。
QParallax会处理很多怪异行为,包括实际上可能小于窗口宽度/高度的图像/视频大小。
QParallax API
用法
滚动容器
请阅读这里关于Quasar如何确定将滚动事件附加到自己的容器。
图片背景
视频背景
WARNING
在某些iOS平台上,原生<video>
标签的自动播放功能可能存在问题。 参考。 QParallax和Quasar不会以任何方式干扰客户端浏览器对<video>
标签的能力/限制。
WARNING
当在QParallax中使用video
标签时,您必须提供width
和height
属性,以使QParallax正常工作,因为这种媒体具有固有的调整大小功能。 另外,请注意,只有在加载视频的元数据后,实际的视频宽度和高度才可用。
自定义速度
使用插槽
<doc-example title=“Using the slot” file=“QParallax/ScopedSlot” /