html - 如何整合网站和iframe的滚动条？

Question

我一直在尝试将我的网站滚动条与 iframe 集成，也就是说，我需要在我的页面中包含一个 iframe，但我只需要显示一个滚动条。您可以在此处查看示例:http://jsfiddle.net/SQXUC/2/

我的目标是在此示例中只有外部 滚动条，即将 iframe 站点滚动为我自己页面的一部分。我找到了 some StackOverflow questions这有助于我理解它是如何工作的，但经过大量测试后我找不到任何方法来做到这一点。 jquery/javascript 和 CSS 解决方案对我都有效。

Answer 1

javascript 中可能的解决方案:

<script type="text/javascript"> 

moz=document.getElementById&&!document.all 
mozHeightOffset=20 

function resize_iframe(){ 
document.getElementById("sizeframe").height=100 // required for Moz bug, value can be "", null, or integer 
document.getElementById('iframe_id').height=window.frames["iframe_name"].document.body.scrollHeight+(moz?mozHeightOffset:0) 
} 
</script> 

HTML:

<iframe width=300 id="sizeframe" name="sizeframe" src="" scrolling="no" frameborder="yes" onload=resize_iframe()></iframe>

编辑:我发现了这个问题:Making an iframe take vertical space有一个更简单的解决方案:

<script type="text/javascript">
the_height = document.getElementById('the_iframe').contentWindow.document.body.scrollHeight;
document.getElementById('the_iframe').height = the_height;
</script>

“您可能想在 IFRAME 中添加 scrolling="no"以关闭滚动条。"