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;
}

请参阅小提琴:http: //jsfiddle.net/khJgY/4/

现在的问题是,在iframe中滚动工作正常.但是如果你改变焦点(比如说其他一个HTML/CSS/JS编辑框),iframe会向左滚动,我不知道为什么.

任何帮助,将不胜感激.

Answer 1

以下CSS为我修复了它.(来源)

在内部iframe上:

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