我正在使用-webkit-transform: translate3d(x,y,z)和三次beizer计时功能以及iPhone的触摸事件来对元素进行动画处理，以制作自定义的scrollmethod类型的东西。
麻烦的是，如果元素(在这种情况下是页面div的元素)超过一定大小，则动画会结结(元素停止半秒)。如果我的宽度为320像素，高度为1000像素，那么一切都很好，但是如果我使高度为2000像素，则会出现讨厌的结结巴。请注意，它一开始只结巴一次，就像加载时一样，然后就可以了。
有任何已知的解决方法吗？
最佳答案
两种可能的解决方法。
首先关闭其他CSS属性，即位置(顶部，左侧，右侧，底部)和不透明度。混合它们，尤其是在制作动画时，可能会导致性能问题。
您可以尝试尽可能多地关闭电源，然后查看问题是否已解决。如果是这样，则将它们重新打开一次，直到找到问题属性。
其次，将您的内容包装在iframe中。即使将iframe设置为填充 View ，当包含非常大的图像时，它也可以显着提高性能。
关于javascript - -webkit translation3d口吃大口吃，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/10781438/