-webkit-溢出滚动：触摸；在 Safari 中无法在 iPhone 6+ 上运行

Question

在我正在开发的网站上进行测试期间，我注意到 -webkit-overflow-scrolling: touch;应用于我的移动菜单容器的内容在 iPhone 6+ 上无法按预期工作，但在 iPhone 5 上按预期工作。

经过一番谷歌搜索后，我找到了一种解决方法，即在同一元素上添加 border 可以解决问题，而且效果很短暂。但是一旦样式被添加到 CSS 并且页面被刷新，它就不再起作用了，直到我旋转手机，然后将它旋转回来——这让我相信这是更大的 iPhone 上的 Safari 的某种错误。

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

谢谢！

Answer 1

IOS 8 不读取 -webkit-overflow-scrolling: touch，因此您还应该插入 overflow:scroll 以在 IOS 8 上解决此问题。

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

我遇到了同样的问题，我用这种方式解决了它。