如何在 iPhone 上使用 webkit-transform 和相对定位时修复慢速滚动

Question

我已经通过使用 iphone 的相对定位和 webkit 动画实现了 div 的滚动，它在桌面 safari 上运行良好，但在实际 iphone 上不稳定（在模拟器上很好）。

滚动的工作原理是让一个 div 被其父级嵌套和剪辑（溢出：隐藏）。然后我设置顶部位置并使用 -webkit 样式声明对其进行动画处理。当内部 div 中有很多项目时，iphone 似乎明显变慢。

任何想法如何使滚动更流畅？

这是 iScroll 代码和我自己的手写代码的问题。

Answer 1

使用 translate3d 比直接翻译快得多，因为它利用了硬件加速。