assignment_late
为什么捐赠
travel_explore
API 浏览器
widgets
Vue 组件
Ajax Bar Ajax 进度条
Avatar 头像
Badge 徽标
Banner 横幅
Bar 工具栏
Breadcrumbs 面包屑
Card 卡片
Carousel 轮播
Chat Message 聊天消息
Chip 纸片
Circular Progress 环形进度条
Color Picker 颜色选择器
Dialog 对话框
Editor WYSIWYG 编辑器
Expansion Item 展开项
Floating Action Button 浮动操作按钮
Icon 图标
Img 图片
Infinite Scroll 无限滚动
Inner Loading 内部加载
Intersection 交叉观察
Knob 旋钮
Linear Progress 线性进度条
List & List Items 列表与列表项
Markup Table 标记表格
Menu 菜单
No SSR
Observers 观察者
Pagination 分页
Parallax 视差
Popup Edit 弹出编辑
Popup Proxy 弹出代理
Pull to Refresh 下拉刷新
Rating 评分
Responsive 响应式
Scroll Area 滚动区域
Separator 分隔线
Skeleton 骨架屏
Slide Item 滑动项
Slide Transition 滑动过渡
Space 间隔
Spinners 加载动画
Splitter 分割面板
Stepper 步骤条
Table 表格
Tabs 标签页
Tab Panels 标签面板
Timeline 时间线
Toolbar 工具栏
Tooltip 提示框
Tree 树形控件
Uploader 上传器
Video 视频
Virtual Scroll 虚拟滚动
alternate_email
联系站长
视差滚动是计算机图形学和网页设计中的一种技术,背景图像通过摄像机移动的速度比前景图像慢,在二维场景中创建一种深度错觉,并增加沉浸感。
QParallax 解决了很多问题,包括图像/视频的大小实际上可以小于窗口的宽度/高度。
QParallax API
正在加载 QParallax API...
用法
滚动容器
请阅读这里来了解 Quasar 如何确定要附加滚动事件的容器。
图像背景
图像背景
视频背景
WARNING
在某些 iOS 平台上,原生 <video> 标签的自动播放功能可能存在问题。参考。QParallax 和 Quasar 不会以任何方式干扰客户端浏览器对 <video> 标签的能力/限制。
WARNING
当在 QParallax 中使用 video 标签时,您必须提供 width 和 height 属性,以使 QParallax 正常工作,因为这种媒体具有固有的调整大小功能。另外,请注意,只有在加载视频的元数据后,实际的视频宽度和高度才可用。
自定义高度和视频背景
自定义速度
自定义速度
使用插槽
使用插槽
Image background
Custom height with video background
Custom speed
Using the slot
发现错误?在浏览器中编辑此页
1. Introduction
2. QParallax API
3. QParallax API
4. 用法
4.1. 图像背景
4.2. 视频背景
4.3. 自定义速度
4.4. 使用插槽