1

我有一个 div，height: 485px我想在其中放置一个宽度为 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>

我试图将样式包含到 iframestyle="height: auto;"或 100% 但不起作用。

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

4

1 回答 1

0

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

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

但是，这确实是获得 iframe 内部高度的唯一方法。

我不确定我是否完全理解您的用例，但在我看来，您是在 iframe 中加载一个完整的网站以使用一些特殊的滚动效果吗？如果确实如此，请认真考虑其他解决方案，搞乱跨域通信以获得简单的视觉效果并不是最好的时间利用（加上嵌套完整网站 iframe 的性能损失）。

希望这有帮助！

于 2012-11-03T02:07:32.820 回答