滚动视差效果封装,便于快速调用实现:parallax.js

jopen 9年前

parallax.js

目前移动端涌现了很多滚动视差效果的案例,多应用于企业招聘、活动邀请及产品宣传中,形式新颖,让人印象深刻。不过细细观察,就能发现虽然细节都有小创新,但实现原理殊途同归的。基于此,为满足快速实现并提升效率的目的,开发了这个移动端的滚动视差插件。

滚动视差效果封装,便于快速调用实现:parallax.js 滚动视差效果封装,便于快速调用实现:parallax.js

我把视差滚动效果归于两类,第一类是基于鼠标滚轮/手指触摸的逐帧动画,第二类是分屏动画(即一屏一屏翻阅)。前者动画细节丰富,互动性强,但是容 易让用户感觉疲劳失去耐性,同时效果不易把控;后者分屏翻阅可以快速浏览内容,实现起来也相对简单。考虑到移动端屏幕尺寸以及操作媒介(手指)不同,分屏 动画是最理想的,此插件也仅专注于此。

parallax.js 特效组件已加入 FrozenUI 中,详情猛击


项目主页:http://www.open-open.com/lib/view/home/1419260141203