当我测试-webkit-transform: translate(500px ,0)
时,它足够平滑,但是一旦它完成img,它就会移动闪烁或闪烁。我在Android浏览器中进行了测试。
有没有办法摆脱这种闪烁?
我试图复制Android Market应用程序的顶部横幅(在平板电脑上)。从它加载的方式来看,这一切似乎都是用HTML/CSS完成的。
-webkit-backface-visibility应该解决你的问题,但为了确保在所有设备上的性能都是最佳的,缓存DOM并使用translate3d,因为它是GPU加速的。
这是一个很好的资源,可以帮助你提高所有设备的性能。
改进HTML5应用程序的性能
更新translate3d和其他3d属性不再在Mac OS X Mountain Lion或iOS 6+上进行硬件加速,请注意