stellar视差插件
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 class="content" id="content1"><p>TEXT HEREp>
div>
<div class="content" id="content2"><p>TEXT HEREp>
div>
<div class="content" id="content3" data-stellar-background-ratio="0.5"><p>TEXT HEREp本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！