视差网格

创建一个效果,使网格的单个列以不同的速度滚动。

这个组件允许你从网格组件中,在网格内的列上添加滚动视差效果。


用法

要应用此组件,请将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 */ });