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

时间:2010-03-13 15:02:19

标签: javascript iphone webkit mobile-safari

我已经通过使用iphone的相对定位和webkit动画实现了div的滚动,它在桌面游戏中运行得非常漂亮但在实际的iphone上却很不稳定(在模拟器上很好)。

滚动通过其父级嵌套和剪切(溢出:隐藏)来实现。然后我设置顶部位置并使用-webkit样式声明为其设置动画。当内部div中有很多项目时,iphone似乎明显变慢了。

任何想法如何让滚动变得更流畅?

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

1 个答案:

答案 0 :(得分:4)

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