-webkit-overflow-scrolling:touch;在Safari中无法使用iPhone 6+

时间:2014-11-19 14:23:03

标签: html css iphone safari ios8

在我正在开发的网站上进行测试时,我注意到-webkit-overflow-scrolling:touch;应用于我的手机菜单的容器在iPhone 6+上无法正常工作,但它在iPhone 5上按预期工作。

经过一些谷歌搜索后,我发现了一个解决方法,即在同一个元素中添加边框可以解决问题,并且简单地做了。但是一旦将样式添加到CSS并且页面被刷新,它就不再有效,直到我旋转手机,然后将其旋转回来 - 这让我相信这是Safari在较大的iPhone上的某种错误。

还有其他人遇到过这个问题吗?有谁知道任何可以解决这个问题的解决方案?

谢谢!

1 个答案:

答案 0 :(得分:3)

IOS 8没有读取-webkit-overflow-scrolling:touch所以你也应该插入溢出:滚动来修复IOS 8上的这个问题。

在这种情况下,8之前的版本将读取“-webkit-overflow-scrolling:touch”,第8版将显示为“overflow:scroll”。

我遇到了同样的问题,我以这种方式修复了它。