Css -webkit溢出滚动:触摸——iOS 7 iPAD内存使用量大

Css -webkit溢出滚动:触摸——iOS 7 iPAD内存使用量大,css,ios7,webkit,scroll,momentum,Css,Ios7,Webkit,Scroll,Momentum,我在一个网站上工作,这是非常内容沉重的一些网页。在内存较低的旧版iPad(使用iPad3进行测试)上查看时,Safari浏览器将耗尽内存,在我导航到这些页面时崩溃。Safari在崩溃期间的内存峰值达到了900 MB左右 调试后,我发现这个问题的主要原因是以下CSS属性用于在web浏览器上启用动量滚动。从我的样式表中删除这个CSS属性可以减少大约300MB的总虚拟内存占用,并稳定我的应用程序 .class1, .class2, .class3 { -webkit-overflow-scro

我在一个网站上工作,这是非常内容沉重的一些网页。在内存较低的旧版iPad(使用iPad3进行测试)上查看时,Safari浏览器将耗尽内存,在我导航到这些页面时崩溃。Safari在崩溃期间的内存峰值达到了900 MB左右

调试后,我发现这个问题的主要原因是以下CSS属性用于在web浏览器上启用动量滚动。从我的样式表中删除这个CSS属性可以减少大约300MB的总虚拟内存占用,并稳定我的应用程序

.class1,
.class2,
.class3
{
    -webkit-overflow-scrolling: touch;
}
然而,删除这种CSS样式的明显副作用是我失去了在网页上滚动的动力,我们恢复到原生Safari滚动,这不是一个很好的用户体验

我正在寻找一种在我的页面上实现动量滚动的方法,内存占用更小,这样我的应用程序就可以在旧版本的平板电脑上运行

我注意到iOS 7和iOS 6的问题更严重-我希望iOS 8能够解决这个问题,我可以推动我的客户升级

这是一个已知的问题-webkit溢出滚动:触摸;内存非常密集吗?我在网上找不到太多关于这个的信息。我认为问题在于,当我将CSS属性应用于包含div时,它将继承到页面上的所有子元素。我想知道我是否阻止了对所有子元素的继承,这是否有助于解决问题,或者这是否会完全破坏滚动的势头


任何建议都将不胜感激

你曾经解决过这个问题吗?将iOS补丁到7.1.2或iOS8,它会更好。然而,内存限制仍然有可能达到。唯一的解决办法是限制您使用此css属性,此问题的修复将取决于您的应用程序设计。