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

Question

在我的网络应用的页面上，我添加了一个iframe。 iframe的高度通常非常高 - 让我们说1500px的顺序。最后发生的事情当然是窗口现在有两个垂直滚动条，滚轮根据光标的位置滚动一个或另一个。这可能会让您的体验稍微变得尴尬。

我只想做的是“压扁”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/