6

我一直在寻找一段时间，但找不到这个问题的答案。在一些论坛条目中，有人说设置 useTransform: false 和其他 true 对性能更好。useTransition 也是如此。

我也读过设置 -webkit-transform:translate3d(0,0,0); 滚动的 div 有助于它更快地运行。但是 useTransform 选项不是设置这个 css 属性吗？

有人可以解释一下他们的工作吗

1.useTransform 2.useTransition 3.-webkit-transform:translate3d(0,0,0)

哪个选项（1 和 2 为真/假，3 为活动/非活动）对性能更好？

谢谢。

4

2 回答 2

2
  1. useTransition 真/假之间的区别
  2. useTransform 的问题
  3. 使用 -webkit-transform 进行优化

我不确定 useTransition:true 是否真的能帮助你。

您还可以使用 iOS WebKit 阅读快速动画

于 2012-09-06T10:50:16.983 回答
1

所以一年多之后，我想我明白会发生什么。useTransform 和 useTransition 都引用 css3 属性

-使用翻译转换进行转换

-转换这个只是指翻译持续的时间。

css3 转换应该比正常的顶部/左侧属性更好地工作，如此处所述。

translate3d(0,0,0) 或 translateZ(0) 是一种提高性能的 hack。

关于哪种组合更好我还不确定，就我所知，好像只有一个带有 transform,transition,translateZ(0) 的滚动条应该工作得最好，当一个大的滚动条内部有较小的滚动条时，我遇到了一些问题。

我希望这可以帮助别人。

于 2013-10-24T18:26:02.877 回答