按照调用关系,效果上应该是应该是什么样的?

来源:4-3 页面与人物之间形成的视觉差效果

proto

2015-11-13 12:35

boy.walkTo(2000,0.2)
   .then(function{
      scrollTo(5000,1)
      })
   .then (function{
      boy.walkTo(5000,0.5)
      })

根据以上调用顺序分析,出来的效果应该是这样的:

  • 男孩走2秒时间内走0.2个页面;

  • 然后div开始移动,这时候由于小男孩也是position:absolute,小男孩跟移动的div之间没有相对运动,div5秒内移动了一个页面距离;

  • 然后小男孩5秒内走半个页面

然而出来的效果并不是啊。。。。囧

写回答 关注

1回答

  • proto
    2015-11-13 12:43:00

    http://img.mukewang.com/564569d40001b15f03740178.jpg

    小男孩走完第一段路后开始调用第一个then,第一个then调用完后就开始调用第二个then了;

    这样等于说是小男孩跟div一起移动了5秒;

    最后小男孩跟div之间多出来了0.5个页面的相对距离。

H5+JS+CSS3实现七夕言情

为七夕节准备的H5+JS+CSS3特效案例,由浅入深案例拆分讲解

211525 学习 · 540 问题

查看课程

相似问题