如何提高移动页面动画在android机的流畅度?

动画是一个转盘抽奖动画, 动画是使用jq.rotate插件弄的.
在IOS机器转动是毫无问题的, 在android机器 就有卡顿 转速慢, 怎么解决?
有使用CSS3开启GPU加速, 效果好了一点点. 还有其他解决办法吗?

阅读 3.2k
4 个回答

1.减少动画元素的嵌套深度
2.对动画元素用position:absolute布局

@边疆 减少对元素嵌套深度这是必须的,少一点渲染会好很多。另外就是webapp的性能无论怎么宣传,始终比不上native,这点毋庸置疑,至少目前的现状是这样。

必须要用jq的么?自己css写的是否还卡呢?

在移动端写js的动画是通过对每段时间和css属性变化量的计算实现的,手机的计算能力必然不如pc,当然会导致卡顿,这里推荐使用css3中的帧动画Animation
w3school-CSS3 动画

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题