如何“扁平化”iframe以避免有两个垂直滚动条窗口
提问于 2012-04-25 02:42:44
在我的web应用程序的一个页面上，我包含了一个iframe。iframe通常有一个相当高的高度--比方说大约1500像素。最终自然发生的是，窗口现在有两个垂直滚动条，滚动轮根据光标的位置滚动其中一个或另一个。一开始，这可能会造成一种稍微尴尬的体验。
我只是想“扁平化”iframe。我想让它伸展到其内容的完整高度，这样就不需要在它上面有一个滚轮，这样整个页面就只有一个垂直滚轮。这样的解决方案可以只用HTML+CSS实现吗，还是需要一些带有jquery的javascript？
提前谢谢。
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-04-25 03:26:07
我不相信这仅仅使用CSS是可能的，但是使用jQuery非常简单。
var iframe = $("#my_iframe");
var iframeContents = iframe.contents()
iframe.css({
height: iframeContents.outerHeight(),
width: iframeContents.outerWidth()
});工作jsfiddle：http://jsfiddle.net/MUQ8V/3/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10308662
复制相关文章
点击加载更多
腾讯云开发者
