html - iPad 滚动到 iframe 顶部

Question

我尽我所能以易于访问的方式重新创建它。我有一台运行 ios7 的 ipad mini，我正在使用类似这样的东西:

<div id="holder">
    <iframe height="100%" width="100%" src="http://www.cnn.com" id="iframe"></iframe>
</div>

#holder {
    height:500px;
    width:100%;
    overflow:scroll;
    -webkit-overflow-scrolling: touch;
}

参见 fiddle : http://jsfiddle.net/khJgY/4/

现在的问题是，在 iframe 中滚动可以正常工作。但是，如果您改变焦点(比如其他 HTML/CSS/JS 编辑框之一)，iframe 会滚动回到左上角，我不知道为什么。

如有任何帮助，我们将不胜感激。

Answer 1

以下 CSS 为我修复了它。( source )

在内部 iframe 上:

html, body
{
    width: 100%; height: 100%; overflow: auto; -webkit-overflow-scrolling: touch;
}