我正在开发 iPad html5 网页，需要显示来自其他来源（不同域）的页面。
我正在将这些页面加载到iframe，然后滚动iframe使用iOs5新的滚动能力，如下面的代码所示。
<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>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
