因为我的CSS3动画在MacOS X 10.7上的Chrome浏览器21.0上使用了超过50%的CPU。但不是在Safari中(他也使用Webkit )。在Firefox中,它也可以在低CPU的情况下工作。
我看到的唯一方法就是在Chrome中停用我的动画。有没有办法做到这一点?也许没有Javascript?
在许多浏览器上(我在MacOS和Linux上最近版本的Chrome和Firefox上测试了这一点),浏览器似乎确保在滚动重新绘制触发器之前调用绑定到on涡旋的代码。换句话说,以下小提琴在滚动时不会闪烁或眨眼: var y = $("#container").scrollTop() + 30;("top", y);$('#container'