div中的iframe高度固定

时间:2012-11-03 01:50:27

标签: css html iframe

到目前为止,我一直在寻找答案,为期2天,我读了几遍。(CSS HTML新手)

我有一个高度= 485px的div,我想在内部放置一个宽度为100%的iframe,这样用户就可以滚动div而不是滚动条(我这样做是因为我使用的是CSS滚动条)< / p>

<div id="demo1"  style="height:485px; overflow:scroll;float: left;overflow-x: hidden;">
<iframe height="100%" width="455px"  scrolling="no" frameborder="0" src="www" ></iframe>
</div>

我尝试将样式包含在iframe中,如style =“height:auto;”或100%但不起作用。

有任何建议如何检查iframe的高度? 谢谢

1 个答案:

答案 0 :(得分:0)

要获得iframe的高度,您需要在两个窗口之间进行通信。如果你只支持IE8 +,那么postmessage就相当简单了。您基本上在iframe中使用了一个脚本(1- iframe内容由您拥有并添加脚本,或者iframe的所有者信任您并添加您的代码段。)

如果您想支持旧浏览器,那么您将获得很多乐趣breaking the cross domain barrier

但是,这才是获得iframe内部高度的唯一方法。

我不确定我是否完全了解您的用例,但对我而言,您在iframe中加载一个完整的网站是为了使用一些特殊的滚动效果?如果确实如此,请认真考虑其他解决方案,搞乱跨域通信以获得简单的视觉效果并不是最佳的时间利用(加上嵌套完整网站iframe的性能)。

希望这有帮助!