3

我正在使用动画元素-webkit-transform: translate3d(x,y,z)和立方贝泽计时功能与 iPhone 的触摸事件相结合，以制作自定义滚动方法类型的东西。

麻烦的是，如果元素（在本例中为页面 div）超过一定大小，动画会卡顿（元素停止半秒）。如果我有 320 像素的宽度和 1000 像素的高度，这一切都很好，但如果我将高度设为 2000 像素，我会遇到令人讨厌的口吃。请注意，它在开始时只会断断续续一次，几乎就像它正在加载一样，然后就很好了。

是否有任何已知的解决方法？

4

1 回答 1

-1

两种可能的解决方法。

首先关闭其他 CSS 属性，即位置（上、左、右、下）和不透明度。混合它们，特别是如果它们正在制作动画，可能会导致性能问题。

您可以尝试尽可能多地关闭，然后查看问题是否得到解决。如果是这样，则将它们一一重新打开，直到找到问题属性。

其次，将您的内容包装在 iframe 中。即使 iframe 设置为填充视图，当它包含非常大的图像时，它也可以显着提高性能。

于 2012-07-18T06:49:20.873 回答