如何在iOS safari上启用iframe滚动条

Question

我正在尝试在我的网站上实现Facebook的实时流插件。我发现在PC和Mac浏览器上有一个滚动条，但不是在iphone或ipad safari上。我认为这是因为iphone和ipad以不同的方式处理滚动条，因为它们都是基于触摸的设备。所以我期望用两个手指滚动iframe，但它也不起作用。

下面是示例页面（使用不同的src网址）http://para.qacode.com/test.php

如何启用iOS上的Safari浏览器双指滚动或正常滚动条？

Answer 1

在iOS版本5之前，您可以使用两根手指在iPad/iPhone上滚动iframe，但这是一个隐藏功能，大多数人不知道它。我不确定为什么拖指滚动不适合你的iframe - 也许有一些JavaScript拦截触摸事件？

在iOS 5上，此问题已得到修复，并且滚动按预期方式按单手指操作iframe。

如果您需要在iOS 4及更早版本上滚动页面的子区域，最好的方法是使用iScroll之类的库来实现使用JavaScript touch事件处理的滚动功能。

Answer 2

应用这些样式父容器：

-webkit-overflow-scrolling:touch; 
overflow:auto;