返回介绍

视差网格

发布于 2019-05-26 16:28:25 字数 887 浏览 1029 评论 0 收藏 0

创建作用于单个网格列,使之具有不同滚动速度的效果。

这个组件允许你为网格组件添加滚动视差效果。

用法

注意 使用此组件,必须引入grid-parallax.js ,你可以在 js/components/ 目录中找到它。

使用这个组件,需要为容器元素添加 data-uk-gridparallax 属性。使用网格组件中的 uk-width-*.uk-grid-width-* 来设置网格条目单元的宽度。

Javascript 参数

想要调整滚动速度,只需要改变 data-uk-grid-parallax 属性的参数即可,比如: data-uk-grid-parallax="{translate:200}"

JavaScript 选项

通过属性来设置选项的例子:

data-uk-grid-parallax="{translate:200}"
选项可能的值默认值描述
translateinteger150Translate 数值

手动初始化

var gp = UIkit.gridparallax(element, { /* options */ });

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文