javascript - translate3d vs css left/top and hardware acceleration

Question

As I understand hardware acceleration on iOS devices is enabled when using translate3d(). So why this test on jsperf shows that using css left/top is faster?

Answer 1

我translate3d在 iOS 上广泛使用了 CSS left/top 来代替 CSS，我可以说一件事：

对事物进行动画处理确实更快（ jsperf似乎没有这样做。）我的猜测是，基准测试时 left/top 更快，因为没有任何动画并且我认为也没有显示任何内容。

当与transition(or -webkit-transition) 一起使用时，translate3d它的魔力就会发挥作用。