Javascript 和 CSS 动画

Javascript and CSS animations

我的网站具有无限动画(滑动)背景和动态更新图表 (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