iframe里面的可滚动div

Question

我有一个带iframe的HTML5应用程序。在IOS上，iframe滚动存在问题。在我的应用程序中，我想只滚动框架的内容，而不是所有文档。 示例页面结构：

<div id="page">
    <div id="app-header">
        <h1>HEADER</h1>
    </div>
    <div id="content">
        <div id="wrapper">
            <iframe id="app-content" name="frm" src="content.html"></iframe>
        </div>
    </div>
</div>

CSS

#app-header {
    .....
    position: fixed;
    ......
}

#content {
    position:absolute;
    top: 53px;
    right:0;
    left:0;
    bottom:0;
}

#app-content {
    width: 80%;
    height: 100%;
}

iframe的高度包含内容 - ios bug - 没有滚动条。 #wrapper包装了iframe。 当我点击页面上的任何位置时，整个文档都会滚动。所以，我只想滚动#content div内容，而不是整个文档。 我添加了溢出：自动内容，没有任何反应。没有卷轴。当我将宽度：80％设置为iframe并点击包装器的div ... div的内容是可滚动的，但是当我点击iframe时 - div的内容不会滚动。有什么问题？

10倍