地球人
地球人
  • 发布:2016-01-13 09:29
  • 更新:2016-01-13 09:53
  • 阅读:1603

如何实现抛物线进入底部购物车的效果

分类:MUI

有没有点击商品,飞入购物车的效果

2016-01-13 09:29 负责人:无 分享
已邀请:
running

running - 生命不息,折腾不止

https://github.com/bigmeow/fly

  • 地球人 (作者)

    这个看了.JQ不是降低性能么.而且底部和内容是2个页面着.

    2016-01-13 09:55

  • chender

    如果是两个页面就不太好做了,dom元素没法跨webview啊

    2016-01-13 10:06

  • 蔡繁荣

    回复 chender:用两个页面不太好吧- -|

    2016-01-13 10:55

chender

chender - 与人为善

用css3的动画可以做出这样的效果,不过要想轨迹是抛物线的话,动画的定义可能会很长,可以大致取几个点,看起来差不多就行了

  • 地球人 (作者)

    不抛物线也可以,能给个DEMO么

    2016-01-13 09:56

  • chender

    demo没有现成的,你先将需要加入到购物车的商品对应的dom元素克隆一个(和原来的dom元素重叠),并获取他在页面中的位置x,y,然后再获取购物车的位置x1,y1,最后将克隆的元素从x,y移动到x1,y1,移动的方式可以使用css3,可以使用jquery,也可以使用楼下哪位仁兄提供的js库

    2016-01-13 10:05

该问题目前已经被锁定, 无法添加新回复