iScroll 中的 useTransform 和 useTransition 选项有什么作用？答案

【问题标题】：What does useTransform and useTransition options from iScroll do?iScroll 中的 useTransform 和 useTransition 选项有什么作用？
【发布时间】：2012-09-01 13:13:26
【问题描述】：

我已经搜索了一段时间，但找不到这个问题的答案。在一些论坛条目中，有人说设置 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 为活动/非活动）对性能更好？

谢谢。

【问题讨论】：

标签： jquery performance jquery-plugins option iscroll

【解决方案1】：

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

你也可以阅读Fast animation with iOS WebKit

【讨论】：

感谢您的链接。最后两个我没看过。但是，它们没有解释这些功能的确切作用......

【解决方案2】：

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

-Transform 与Translate 转换

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

css3 转换应该比explained here 的普通顶部/左侧属性更好。

translate3d(0,0,0) 或 translateZ(0) 是 hack that improves performance。

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

我希望这对某人有所帮助。

【讨论】：