html - 如何“展平” iframe 以避免带有两个垂直滚动条的窗口

Question

在我的网络应用程序的页面上，我包含了一个 iframe。iframe 通常具有相当高的高度 - 比如说大约 1500 像素。最终发生的事情自然是，窗口现在有两个垂直滚动条，滚轮根据光标的位置滚动一个或另一个。起初，这可能会带来一点尴尬的体验。

我只想做的是“扁平化” iframe。我希望它可以拉伸到内容的全部高度，这样就不需要滚轮了，整个页面只有一个垂直滚轮。这样的解决方案可以仅使用 HTML+CSS 完成，还是需要一些 javascript [w/jquery]？

提前致谢。

Answer 1

我不相信单独使用 CSS 是可能的，但使用 jQuery 相当简单

var iframe = $("#my_iframe");
var iframeContents = iframe.contents()
iframe.css({
    height: iframeContents.outerHeight(),
    width: iframeContents.outerWidth()
});

工作jsfiddle：http: //jsfiddle.net/MUQ8V/3/