Google chrome Google Chrome合成器驱动的动画受主线程中的阻塞影响
这是显示拼图者的小提琴: 我正在使用CSS动画设置这个Google chrome Google Chrome合成器驱动的动画受主线程中的阻塞影响,google-chrome,hardware-acceleration,blink,Google Chrome,Hardware Acceleration,Blink,这是显示拼图者的小提琴: 我正在使用CSS动画设置这个.spinner元素的动画。元素本身被提升到它自己的合成层,使用将更改:transform和translateZ(0)进行回退 现在,我阻塞主线程,执行如下操作: var i = 999999; while ( i > 0) { i--; } 由于CSS动画是由合成器驱动的页面更新,我希望主线程阻塞不会停止微调器,但它会停止 现在,奇怪的是,如果我将元素的位置从相对更改为绝对,主线程阻塞不会停止微调器 关于为什么posi
.spinner
元素的动画。元素本身被提升到它自己的合成层,使用将更改:transform
和translateZ(0)
进行回退
现在,我阻塞主线程,执行如下操作:
var i = 999999;
while ( i > 0) {
i--;
}
由于CSS动画是由合成器驱动的页面更新,我希望主线程阻塞不会停止微调器,但它会停止
现在,奇怪的是,如果我将元素的位置从相对更改为绝对,主线程阻塞不会停止微调器
关于为什么position:absolute
使动画合成器受驱动而position:relative
不受驱动的原因有何解释
在Google Chrome 48.0.2564.116版(64位)上,Mac OS X El Capitan。这似乎是Chrome中的一个bug。我在这里归档了: