iOS5 使用 webkit-overflow-scrolling 滚动时图像消失 : touch

Question

我以前一直在使用 iScroll 插件，但为了原生行为而想放弃它。

最初的实现是使用

webkit-overflow-scrolling: auto;

但是我将其更新为...

webkit-overflow-scrolling: touch

.. 在触摸滚动上启用运动/惯性。

问题是导航中包含的列表项在滚动时会完全消失，只有在动量停止后才会返回。

这方面的一个例子可以是 seen here

Answer 1

我过去遇到过同样的问题，如果您需要使用定位元素，请尝试将 -webkit-transform: translateZ(0); 添加到元素或容器中。此属性通常会强制浏览器使用硬件加速，并且借助额外的功能，您的图像很可能不会消失。无论如何它对我有用。

这里还有更多有用的东西:http://www.html5rocks.com/en/tutorials/speed/html5/