javascript - translate3d vs css left/top 和硬件加速

标签 javascript jquery translate3d

据我了解,使用 translate3d() 时会启用 iOS 设备上的硬件加速。那为什么this test on jsperf显示使用 css left/top 更快?

最佳答案

我在 iOS 上广泛使用 translate3d 代替 CSS left/top,我可以说一件事:

动画的东西确实更快(jsperf 似乎做不到。)我的猜测是,基准测试时左/上更快,因为没有动画并且我认为也没有显示任何内容。

当与 transition(或 -webkit-transition)结合使用时,translate3d 会发挥它的魔力。

关于javascript - translate3d vs css left/top 和硬件加速,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7213239/

相关文章:

javascript - 如何将项目从 ng-repeat 传递到由 ng-include 创建/加载的 Controller ?

javascript - 通过检查 Span 文本将 CSS Class 添加到 Div

safari - Safari 中过渡期间的不透明度变化闪烁

javascript - 匹配内部代码,无论任何换行文本如何

javascript - Rails 和 JQuery 下拉列表

javascript - 如何使用 jQuery 从 <input> 中检索值?

javascript - 如何从字符串值中仅获取部分文本?

php - pt、em、px、百分比、其他的转换率

Css transform 在另一个转换后的元素中

css - 为什么 CSS translate3d transform 表现为相对定位元素?