在我的网络应用程序的页面上,我包含了一个 iframe。 iframe 通常具有相当高的高度 - 假设为 1500 像素的数量级。自然而然地,最终发生的是窗口现在有两个垂直滚动条,滚轮根据光标的位置滚动一个或另一个。起初这可能会带来一些尴尬的体验。
我只想“展平”iframe。我希望它能将它拉伸(stretch)到它的内容的全高,这样就不需要滚轮了,这样整个页面就只有一个垂直滚轮。这样的解决方案可以仅使用 HTML+CSS 来完成,还是需要一些 javascript [w/jquery]?
提前致谢。
最佳答案
我不相信单独使用 CSS 是不可能的,但是使用 jQuery 就相当简单
var iframe = $("#my_iframe");
var iframeContents = iframe.contents()
iframe.css({
height: iframeContents.outerHeight(),
width: iframeContents.outerWidth()
});
工作 jsfiddle:http://jsfiddle.net/MUQ8V/3/
关于html - 如何在 "flatten"iframe 中避免带有两个垂直滚动条的窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10308662/