内部div高度固定的iframe

2018-07-01 15:44:29

我一直在寻找一个答案，为期两天，我阅读并尝试了几件事情。（CSS HTML newbie）

我有一个高度= 485px的div，我想把一个宽度为100％的iframe放在里面，这样用户就可以滚动div而不是滚动条了（因为我使用的是CSS滚动条）

<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的高度？谢谢

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

如果你想支持较老的浏览器，那么你将有很多乐趣breaking the cross domain barrier 。

但是，这是真正能够获得iframe内在高度的唯一方法。

我不确定我在这里是否理解了你的用例，但是对我来说，是为了使用一些特殊的滚动效果，你在一个iframe中加载了一个完整的网站？如果确实如此，那么认真研究其他解决方案，搞乱跨域通信以获得简单的视觉效果并不是最佳的时间使用（加上嵌套完整网站iframe的性能）。

希望这个帮助！

链接地址: http://www.djcxy.com/p/88265.html

上一篇: iframe inside div height fixed

下一篇: How to integrate iframe with 100% height and with page scrollbars