如何整合网站和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“以关闭滚动条。”