图片/图形
rellax 纯js轻量级滚动视觉差特效插件
PetitQ
rellax.js 是一款轻量级的纯 JavaScript 滚动视觉差特效插件。rellax.js 压缩后的版本仅 871 个字节，在手机等小屏幕设备中，插件会自动限制视觉差特性。
使用方法
在页面中引入 rellax.min.js 文件。
也想出现在这里？联系我们吧
<script type="text/javascript" src="js/rellax.min.js"></script>
HTML 结构
为你需要设置视觉差效果的元素添加.rellax class 类。然后通过 data-rellax-speed 属性来设置该元素的相对滚动速度。数值越大，滚动的越快。
<div class="rellax">
I’m that default chill speed of "-2"
</div>
<div class="rellax" data-rellax-speed="7">
I’m super fast!!</div>
<div class="rellax" data-rellax-speed="-4">
I’m extra slow and smooth
</div>
初始化插件
在页面的底部，
标签之前添加下面的代码来初始化 rellax.js 视觉差插件。<script>
// Accepts any class namevar rellax = new Rellax('.rellax');
</script>
Github 地址：https://github.com/dixonandmoe/rellax
| 演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
