jquery – 应用CSS3动画时的Chrome屏幕闪光(仅限第一次)

编辑:@Archer的答案似乎解决了这个问题. (请把他投票给我,因为我没有足够的积分去做).
要了解有关该bug的更多信息,请单击此处: http://www.viget.com/inspire/webkit-transform-kill-the-flash/

我的问题不容易解释.我在jsfiddle上编了一个测试用例.您可以在本文底部找到该链接.

在点击演示链接之前,请注意以下事项:

请确保您使用的是谷歌浏览器. (因为CSS中的-webkit前缀).

第一次单击橙色按钮时要注意.在动画开始之前你应该会看到一些短暂的闪光.当您再次尝试(点击重置按钮后)一切正常,没有闪烁的屏幕.但是,如果清除浏览器缓存(CTRL-SHIFT-DEL),关闭浏览器并重新加载页面,打嗝就会再次出现.
我希望我能清楚地解释清楚.

DEMO:
http://jsfiddle.net/NKQNX/14/

(抱歉我的拼写,英语不是我的第一语言)

解决方法

@H_502_20@ 显然,这是webkit动画的一个已知问题.有点谷歌搜索了…
body {
    -webkit-transform: translate3d(0,0);
}

我在你的例子中添加了css并尝试了大约10次并且没有得到闪烁一次,在那里我能够始终如一地获得它.

http://jsfiddle.net/NKQNX/16/

相关文章

jQuery插件的种类 1、封装对象方法 这种插件是将对象方法封装起来,用于对通过选择器获取的jQuery对象进...
扩展jQuery插件和方法的作用是非常强大的,它可以节省大量开发时间。 入门 编写一个jQuery插件开始于给...
最近项目中需要实现3D图片层叠旋转木马切换的效果,于是用到了jquery.roundabout.js。 兼容性如图: ht...
一、什么是deferred对象? 开发网站的过程中,我们经常遇到某些耗时很长的javascript操作。其中,既有异...
AMD 模块 AMD(异步模块定义,Asynchronous Module Definition)格式总体的目标是为现在的开发者提供一...