css3动画的应用与总结

Ann Tseng

疾风三国

心跳之旅

遇见未知的坑

1、UC浏览器 伪元素animation失效

解决方案：不用伪元素

2、translate3d过渡“间歇性”失效
UC V10.6.0.620
UC V10.6.2.626（最新）

解决方案

1：translateY() translateZ  —— 与3d相同

2:top  —— 卡顿明显

3:requestAnimationFrame  —— 手机无效果

5:translateY + css Hack(卡顿问题)  —— 与3d相同

4:translateY —— 改善，但不如3d流畅

3、UC浏览器IOS版 元素定位时工具栏计算问题

解决方案：

      定位元素： fixed代替absolute

       非定位元素：js计算高度