javascript - 将 iFrame 高度调整为内容高度

Question

我正在 iFrame 中加载站点跨域。我想调整 iFrame 的大小以匹配我正在加载的网站的高度。 Sniply 正是这样做的，我想模仿这个功能。任何人都知道他们在这里表演的是什么样的魔法？

http://snip.ly/Z9nv#https://forums.eveonline.com/default.aspx?g=posts&m=5009807

看起来他们不仅从跨域站点访问文档，而且还使用不同的协议(protocol) (HTTP/HTTPS)。有什么见解吗？看起来他们可能将 iFrame 的高度设置为某个不可能高的值，并在它到达底部时以某种方式停止滚动。帮助!

编辑:一些额外的细节..我在后端使用一些插件对我尝试提交的 URL 进行一些分析: https://github.com/mikeal/request和 https://github.com/tmpvar/jsdom .我是否可以使用这两个插件中的一个来获取文档的高度？

EDIT2:我不想在 iframe 中滚动 - 我希望它与它包含的文档的高度相匹配。

Answer 1

我认为你必须设置 css。如果有更多的 iframe，您可以使用一个类。

iframe {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
border: 0;
height: 100%;
min-width: 100%;
width: 10px;
-webkit-overflow-scrolling: touch;
overflow: scroll;
}

您必须将自己的元素设置为position:fixed。