我使用-webkit-transform: translate3d(x,y,z)
动画元素和立方beizer定时功能结合iPhone的触摸事件来制作自定义scrollmethod类型的东西。
麻烦的是,如果元素(在本例中是页面div)超过一定大小,动画断断续续(元素停止半秒)。如果我有320px的宽度和1000px的高度,这一切都很好,但如果我的高度为2000px,我会得到一个讨厌的口吃。请注意,它在开始时只会断言一次,几乎就像装载一样,然后就可以了。
有没有已知的解决方法?
答案 0 :(得分:-1)
两种可能的解决方法。
首先关闭其他CSS属性,即位置(顶部,左侧,右侧,底部)和不透明度。混合它们,特别是如果它们是动画,可能会导致性能问题。
您可以尝试尽可能多地尝试关闭,然后查看问题是否已修复。如果是这样,那么将它们一个接一个地重新打开,直到找到问题属性。
其次,将您的内容包装在iframe中。即使将iframe设置为填充视图,当它包含非常大的图像时,也可以显着提高性能。