stellar视差插件
视差滚动指网页滚动过程中,多层次的元素进行不同程度的移动,视觉上形成立体运动效果的网页展示技术。主要核心就是前景和背景以不同速度移动,从而创造出3D效果。利用background-attachment属性实现。stellar.js是一个jQuery插件,能很容易地给网站添加视差滚动效果。以下介绍stellar的简单使用:
1.引入js包
<script src="path/to/jquery/jquery.min.js"></script><script src="path/to/jquery.stellar.min.js"></script>
2.引用HTML和css样式
<div><p>TEXT HERE</p></div><div><p>TEXT HERE</p></div><div data-stellar-background-ratio="0.5"><p>TEXT HERE</p