视差网格
创建一个效果,使网格的单个列以不同的速度滚动。
这个组件允许你从网格组件中,在网格内的列上添加滚动视差效果。
用法
要应用此组件,请将data-uk-grid-parallax
属性添加到容器元素。使用网格组件中的uk-width-*
或 .uk-grid-width-*
类设置网格项的宽度。
示例
1
2
3
4
5
6
7
8
9
Javascript 参数
要调整滚动速度,只需更改data-uk-grid-parallax
属性的参数,例如:data-uk-grid-parallax="{translate:200}"
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
JavaScript 选项
这是如何通过属性设置选项的示例
data-uk-grid-parallax="{translate:200}"
选项 | 可能的值 | 默认值 | 描述 |
---|---|---|---|
translate |
整数 | 150 | 平移值 |
手动初始化元素
var gp = UIkit.gridparallax(element, { /* options */ });