我的网站具有无限动画(滑动)背景和动态更新图表 (flot.js)。图表每 200 毫秒更新一次,背景通过 CSS 动画滑动(无限 translate3d)。问题在于 Android 上的性能:重绘图表时,css 动画会停止几毫秒,所以它看起来像 8-10 fps 的游戏:)有什么技巧可以解决这个问题吗?
最佳答案
不要使用 setInterval 每 200 毫秒为图表设置动画,而是尝试使用 window.requestAnimationFrame() 在支持它的浏览器中。该函数允许浏览器决定继续播放动画的最佳时间。 https://developer.mozilla.org/en-US/docs/Web/API/window.requestAnimationFrame?redirectlocale=en-US&redirectslug=DOM%2Fwindow.requestAnimationFrame
关于Javascript 和 CSS 动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28010455/