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

Question

我正在尝试在我的网站上实现facebook的直播插件。我看到在PC和Mac浏览器上有一个滚动条，但在iphone或ipad safari上没有。我认为这是因为iphone和ipad对待滚动条的方式不同，因为它们都是基于触摸的设备。所以我希望用两根手指滚动iframe，但它也不起作用。

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

如何在ios safari上启用两个手指滚动或普通滚动条？

Answer 1

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

在iOS 5上，这已经修复，滚动按照预期的方式用于一根手指的iframe。

如果您需要在iOS 4及更早版本上滚动页面的子区域，最好的办法是使用iScroll这样的库，通过JavaScript触摸事件处理来实现滚动。

Answer 2

将这些样式应用于父容器：

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