范例: http://raki-design.4event.tw/2013newyear/
主要需要:通过下拉滚动条,页面进行逐帧动画,每帧为每一张图片,期间需要加入逻辑判断。
实际效果为:
(拿手机端来说,手指一滑动,车开始启动,如果手指持续滑动,车速就一直那么快,同时滑动过程中出其他的场景)
是不是需要结合jquery来实现?
1
yyjjolin 2015-01-14 11:07:43 +08:00
如果不嫌麻烦也可手撕原生JS。
这个效果说说我自己的思路吧,把需要换帧的图片按顺序命名(pic1,pic2。。),绑定scroll事件,监听当前滚动条scrollTop,N = scrollTop/换页距离,直接换上picN这张图。 这是大致的思路,具体实现可能会碰到未知问题,楼主可一起讨论。 |
2
emric 2015-01-14 11:32:16 +08:00
用一个对象储存帧和位置的关联, 获取进度条位置减去除余帧的倍数, 取值再更改图片.
|
4
Vt463o3364vZ98Y7 2015-01-14 18:30:43 +08:00
滚动视差设计~~
|