Google chrome Google Chrome合成器驱动的动画受主线程中的阻塞影响

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

这是显示拼图者的小提琴:

我正在使用CSS动画设置这个
.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。我在这里归档了: