2 xiongxing90 xiongxing90 于 2016.03.16 22:19 提问

js通过触摸事件给元素添加animation动画,在安卓微信浏览器很卡,而且动画延迟很高

js通过添加class类,class类里面写了相应的animation动画,但是事件触发的时候animation动画很卡,而且事件触发后等一会动画才出来。希望懂的人来回答:
1.事件是touchstart (不是click事件的那种300ms的延迟)
2.所有元素都是绝对定位(不会导致layout重绘)
3.没有添加任何延迟函数,animation-delay为0s
4.就算我不添加class类,直接把animation动画写在元素上面,通过事件控制元素显示来触发animation动画也会卡,而且动画延迟照样高
5.建议大家先用安卓手机试验一下再来回答我这个问题

3个回答

devmiao
devmiao   Ds   Rxr 2016.03.17 01:44
xiongxing90
xiongxing90 谢谢你的回答,不过对我这个问题没有帮助
接近 2 年之前 回复
showbo
showbo   Ds   Rxr 2016.03.17 09:18

计时器delay设置为1ms试试,你设置0 pc端也会有延时效果,微信可能改过内核,直接变for循环什么的导致ui阻塞了

xiongxing90
xiongxing90 这个和计时器没有关系,用class来控制animation动画在安卓有兼容性问题,哎,安卓兼容性好难搞,谢谢你的回答
接近 2 年之前 回复
github_32626373
github_32626373   2016.06.13 14:07

移动端动画推荐使用xx3d的模式启动GPU加速,会对动画有很大的提升。

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!