iframe内容不渲染在iO5 iPad / iPhone下滚动

我正在开发需要从其他来源(不同域)显示页面的iPad HTML5网页.

我将这些页面加载到iframe中,并使用iOs5新的滚动功能滚动iframe,如下面的代码所示.

<div id="myDiv" style="height: 1185px; width: 100%; overflow:scroll; -webkit-overflow-scrolling: touch;">
    <iframe id="myIframe" src="http://http://css-tricks.com/forums/discussion/11946/scrolling-iframe-on-ipad/p1"></iframe>
</div>

问题是,当滚动到它时,屏幕外的iframe内容不会变得可见(框架为空白).

我如何克服这个问题并提供可滚动的iframe解决方案?

好.找到解决方案.
显然,主文档高度比滚动的iframe短时出现问题.
iframe页面的超出文档高度的部分不会呈现.

所以,根据我的需要,我可以通过添加这样一个js(用jquery)代码解决问题:

<script>
$(function() {
     var iframe = $("#myIframe");    
     iframe.load(function() {
         $("body").height(iframe.height());
     });
 });
</script>
翻译自:https://stackoverflow.com/questions/8912218/iframe-content-not-rendering-under-scroll-in-ios5-ipad-iphone

转载注明原文:iframe内容不渲染在iO5 iPad / iPhone下滚动