在我正在开发的网站上进行测试时,我注意到-webkit-overflow-scrolling:touch;应用于我的手机菜单的容器在iPhone 6+上无法正常工作,但它在iPhone 5上按预期工作。
经过一些谷歌搜索后,我发现了一个解决方法,即在同一个元素中添加边框可以解决问题,并且简单地做了。但是一旦将样式添加到CSS并且页面被刷新,它就不再有效,直到我旋转手机,然后将其旋转回来 - 这让我相信这是Safari在较大的iPhone上的某种错误。
还有其他人遇到过这个问题吗?有谁知道任何可以解决这个问题的解决方案?
谢谢!
答案 0 :(得分:3)
IOS 8没有读取-webkit-overflow-scrolling:touch所以你也应该插入溢出:滚动来修复IOS 8上的这个问题。
在这种情况下,8之前的版本将读取“-webkit-overflow-scrolling:touch”,第8版将显示为“overflow:scroll”。
我遇到了同样的问题,我以这种方式修复了它。