Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何";“展平”;iframe使用两个垂直滚动条避开窗口_Html_Css_Iframe - Fatal编程技术网

Html 如何";“展平”;iframe使用两个垂直滚动条避开窗口

Html 如何";“展平”;iframe使用两个垂直滚动条避开窗口,html,css,iframe,Html,Css,Iframe,在我的web应用程序的一个页面上,我包含了一个iframe。iframe通常具有相当高的高度,比如说1500像素。很自然,最终的结果是窗口现在有两个垂直滚动条,滚轮根据光标的位置滚动一个或另一个。一开始,这会让你有点尴尬 我只想“展平”iframe。我想把它拉伸到它的内容的最大高度,这样就不需要一个滚轮,整个页面就只有一个垂直滚轮。这样的解决方案可以只使用HTML+CSS,还是需要一些javascript[w/jquery]呢 提前感谢。我不认为仅使用CSS就可以做到这一点,但是使用jQuery

在我的web应用程序的一个页面上,我包含了一个iframe。iframe通常具有相当高的高度,比如说1500像素。很自然,最终的结果是窗口现在有两个垂直滚动条,滚轮根据光标的位置滚动一个或另一个。一开始,这会让你有点尴尬

我只想“展平”iframe。我想把它拉伸到它的内容的最大高度,这样就不需要一个滚轮,整个页面就只有一个垂直滚轮。这样的解决方案可以只使用HTML+CSS,还是需要一些javascript[w/jquery]呢


提前感谢。

我不认为仅使用CSS就可以做到这一点,但是使用jQuery就相当简单了

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

工作指南:

什么让你认为你需要一个iframe?那么请告诉我!你还有什么建议?建议什么?您尚未指定要完成的任务。很自然,如果我有一个iframe,我会尝试在我的页面中放置一个外部页面。。有没有替代iframe的方法来实现这一点?是的,只需使用一个简单的服务器端include包含数据(或下载数据,然后包含数据)。