Javascript 和 CSS 动画

标签 javascript css flot 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

关于Javascript 和 CSS 动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28010455/

相关文章:

javascript - Javascript 中的 document.URL 匹配

javascript - Node.js 支持 =>(箭头函数)

javascript - 点击菜单打开,再次点击关闭

javascript - 激活阈值时 JQuery Flot 出现问题

javascript - Jquery flot插件,隐藏特定标签

javascript - 在 Flot jQuery-plugin 问题中将 javascript 刻度转换为日期

javascript - this.state 与此对象中的状态不同

javascript - 将 onchange 函数事件附加到变量

css - 在特定 p 上应用 CSS :dataTable component instead of on all p:dataTable components

css - 选择子菜单项时,suckerfish 顶级元素保持突出显示