css animation 带有 infinite 会导致耗电和发热极其高
发布于 7 年前 作者 qiuxiulan 3188 次浏览 来自 问答

当页面存在带循环动画(如 .some-node {animation: ani-name 2s infinite;})的 css 元素,手机(IOS 表现更为明显)会在一分钟之内快速耗电、发热(IOS 很烫手,而且每隔几秒掉 1% 的电),并且非常影响其他的交互(如 scroll-view 的在拖动时会上下调动、其他元素的动画没有中间态等)。

本人手上的 iphone 6s ios 12.1,测试人员用的 vivo、iphone 6p 等均会出现,但总体是 IOS 会更突出。

2 回复

你好,请提供一下出现问题的机型和微信版本,以及能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

最后调试发现,infinite 的 animation 会引起快速掉电现象,全屏的 `image` 外加前面的 animation 会引起发热现象,mark 一个

回到顶部