我怎么能滚动的iOS 4与2个手指的iframe？(How can I scroll an ifra

我发现很多相关的问题，但解释如何滚动的答案没有iframe使用2手指方法的iOS 4。

我能够滚动div通过设置与2个手指width和height属性和设置overflow: scroll; 。下面是这方面的一个更完整的例子：

<div style='width: 280px; height: 200px; overflow: scroll; -webkit-overflow-scrolling: touch;'>
      Just imagine a bunch of content is in here, spanning well over 200px
      worth of height. You can scroll this just fine in iOS 4 by using 2 
      fingers, or in iOS 5 by swiping 1 finger thanks to 
      "-webkit-overflow-scrolling: touch;".
</div>

此方法同样不工作的iframes在我的iPad 1上运行的iOS 4.3。下面是不会与iOS 4的（虽然，当然，手指的任意组合滚动一个完整的例子-webkit-overflow-scrolling使得它能够在iOS5的工作）：

<html>
<head>
    <style type="text/css">
    #scroller {
        width: 280px;
        height: 200px;
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
    }
    #scroller iframe {
        width: 100%;
        height: 100%;
    }
    </style>
</head>
<body>

<div id="scroller">
    <iframe src="content.html">content.html is a big list of nonsense.</iframe>
</div>

</body>
</html>

我必须补充一点，我可以得到2手指滚动的工作，如果我设置的width和height的的iframe ，以实际像素值，如height: 1000px; ，但我永远不会知道iframe的内容将有多高是。所以，也许真正的问题是我怎么能说服移动Safari浏览器中的iOS 4的iframe这里面div确实比280x200像素大？

通过rossb发布@ github.com/fancyapps一个简单的想法漂亮的工作iOS 4中（2个手指）和iOS 5（1个指）两种滚动，解决了“空白内容上滚动”的问题是iOS 5中的I帧似乎与困扰。基本上，你不希望iframe来处理任何滚动。给它一个固定的宽度/高度，敷在你的包含文件滚动内容的div ，可以进行滚动。

下面是一个例子：

<iframe id="stupid-iframe" width="600" height="200" src="a-file.html"></iframe>

A-file.html：

<html>
<body>
<div id="wrapper" style="width: 100%; height: 100%; overflow: auto; -webkit-overflow-scrolling: touch;">
...all my normal content...
</div>
</body>
</html>