滚动视差效果封装,便于快速调用实现:parallax.js
parallax.js
目前移动端涌现了很多滚动视差效果的案例,多应用于企业招聘、活动邀请及产品宣传中,形式新颖,让人印象深刻。不过细细观察,就能发现虽然细节都有小创新,但实现原理殊途同归的。基于此,为满足快速实现并提升效率的目的,开发了这个移动端的滚动视差插件。
我把视差滚动效果归于两类,第一类是基于鼠标滚轮/手指触摸的逐帧动画,第二类是分屏动画(即一屏一屏翻阅)。前者动画细节丰富,互动性强,但是容 易让用户感觉疲劳失去耐性,同时效果不易把控;后者分屏翻阅可以快速浏览内容,实现起来也相对简单。考虑到移动端屏幕尺寸以及操作媒介(手指)不同,分屏 动画是最理想的,此插件也仅专注于此。
parallax.js 特效组件已加入 FrozenUI 中,详情猛击
本文由用户 jopen 自行上传分享,仅供网友学习交流。所有权归原作者,若您的权利被侵害,请联系管理员。
转载本站原创文章,请注明出处,并保留原始链接、图片水印。
本站是一个以用户分享为主的开源技术平台,欢迎各类分享!