iOs5 iPad / iPhone中滚动的iframe内容不呈现
我正在开发需要显示来自其他来源（不同域）的网页的iPad的HTML5网页。
我将这些页面加载到iframe ，并使用iOs5新的滚动function滚动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解决scheme？
好。 find了解决办法。 显然，当主文档高度比滚动的iframe更短时出现问题。 iframe页面的超过文档高度的部分不会被渲染。
所以，根据我的需要，我可以通过添加这样的js（用jquery）代码来解决问题：
<script> $(function() { var iframe = $("#myIframe"); iframe.load(function() { $("body").height(iframe.height()); }); }); </script>
如果您有权访问iFrame正文，请将transform3d应用于其内容。 在我的情况下，添加-webkit-transform: translate3d(0, 0, 0); 主要包装div做了工作。