translate3d与CSS left/top以及硬件加速的区别

Question

9

据我所知，在iOS设备上使用translate3d()时，会启用硬件加速。那么为什么this test on jsperf显示使用css的left/top更快呢？

- Marvin3

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Bryan Menard · Accepted Answer

我在iOS中广泛使用translate3d代替CSS的left/top属性，可以说一件事情：

对于动画效果来说，它确实更快（jsperf似乎不能测试这个）。我的猜测是，当没有任何东西被动画或者显示时，使用left/top属性进行基准测试会更快。

只有当与transition（或者-webkit-transition）一起使用时，translate3d才能展现其魔力。