iframe获取父屏幕高度

文章/答案/技术大牛

发布

1回答

javascript、css、iframe

有一个div，其中包含一张设置为适合屏幕高度的图片。除了在iframe中，它是有效的，高度变成内容高度，它等于滚动高度，但不等于屏幕高度。有没有什么方法可以让iframe中的div获取真实的屏幕高度或者它的父级的屏幕高度？或者，我是否可以编写一个脚本来捕获真实的屏幕高度，并将其伪装为

浏览 12提问于2018-07-25得票数 0

1回答

包含响应页的iOS iFrame

ios、css、iframe、responsive-design、mobile-safari

我正在尝试将我们的页面嵌入到客户站点上，它在浏览器中工作得很好，我们的媒体查询也做得很好，但是当在idevice上的ifarme中时，嵌入的页面没有响应，并且以最大的媒体查询大小(>870px宽)显示，而且它看起来真的很小……

浏览 2提问于2015-05-09得票数 0

1回答

$('#iframe').height不工作

javascript、jquery、html、css

我希望iFrame占80%的高度和广告有剩余的20%。<!DOCTYPE html> <head> <body> <iframe id="iframe" src="xxxxxx" style="border:0; width:100%;"></iframe</em

浏览 0提问于2016-07-05得票数 0

4回答

如何使用jQuery从iFrame中获取父窗口的高度？

jquery、dom、iframe

在iFrame中，我们需要获取父窗口/文档的高度。我知道我们可以使用$(document).height()来获取页面的高度。我只是想不出如何从iFrame中获取父代的值。

浏览 1提问于2009-04-09得票数 17

回答已采纳

2回答

HTML自动高度调整

html、iframe

我需要我的HTML文档来自动调整页面的高度。这是我到目前为止所写的。height="900px" Width="791px" style="border:none" behavior="scroll" direction="up" scrollamount="3"> <iframe

浏览 4提问于2015-05-29得票数 0

回答已采纳

4回答

JavaScript -使用URL片段动态调整iframe的跨域大小

javascript、jquery、iframe

在iframe中，我有一个函数，它将在文档加载时运行，然后定期获得文档的高度，并将其设置为URL片段的值(例如，类似于) 父页面将类似于，而iframe最初将是。为父页上的元素提供ID

浏览 7提问于2011-04-18得票数 1

回答已采纳

2回答

使用jQuery/JavaScript从iframe以活动屏幕为中心的DIV

javascript、jquery、html、css、iframe

当我点击任何链接时，我打开一个以屏幕为中心的DIV (使用jQuery窗口高度、滚动位置等-代码添加到下面)。当我使用浏览器直接浏览页面时，它工作得很好，但是当我使用iframe在任何其他页面中包含此页面(特别是在WordPress中)时，以屏幕为中心的div代码不会按照预期工作，并根据iframe的高度显示弹出窗口我的意思是它需要完整的iframe作为活动窗口。我怎么才能解决这个问题？我的意思是，我想显示屏幕中心的DIV，即使链接是从ifr

浏览 8提问于2014-09-26得票数 0

回答已采纳

2回答

何时调用ScrollHeight的Javascript

javascript、html、asp.net、iframe、postmessage

我有一个带有iframe的页面。这两个站点(父站点是php，子站点是asp.net 2.0)在不同的域上，尽管它们都由我控制。大部分工作都是在iframe中完成的。我使用postMessage函数发送有关iframe中内容的总高度的信息。但是，它总是显示为0，我猜是因为脚本在一切都显示在屏幕上之前就执行了。有没有办法获得总高度(我想是scrollHeight，对吧？)这样我就可以把它发送给父站点了？谢谢!

浏览 1提问于2014-10-25得票数 0

3回答

定义一个iframe大小，然后将其自动调整为浏览器宽度。

html、css、iframe、stylesheet

我嵌入一个iframe的定义大小{500x320} (只是为了比率)，然后我想让父容器自动调整整个iframe的浏览器宽度。但是，因为我已经定义了宽度和高度，iframe并不是真正地调整父容器的大小或响应。我还附上了一个屏幕截图的iframe是不调整浏览器的宽度。<div class="container"> <div class="iframe&qu

浏览 3提问于2020-01-28得票数 0

2回答

如何从子页面中调整iFrame的大小？

javascript、html、iframe

当iFrame中的内容改变尺寸时，有没有一种方法可以调整它的大小？在我的示例链接中，我使用了Show/Hide Javascript效果，但由于我的iframe无法通信，因此导致的溢出被隐藏起来。谢谢

浏览 2提问于2012-06-06得票数 1

3回答

当页面大小改变时，IE9/10/11/火狐中的iFramed页面不更新document.scrollHeight？

javascript、html、css、iframe

我试图使用postMessage API将页面的高度从iframe发送到父页面。这样做的想法是，当iframed页面的总页面高度发生变化时，它会将该高度发送给父页面。然后，父级将调整iframe的高度以匹配。目前，我在最新的谷歌Chrome浏览器上运行得很好。不幸的是，我遇到了IE9/10/11和Firefox的麻烦。尝试发送较小的高度只会发送以前的最高高度，即使原始页的<em

浏览 4提问于2014-05-21得票数 1

回答已采纳

1回答

不明白为什么Chrome/Safari不能在这里得到ScrollHeight

javascript、jquery、google-chrome、safari、webkit

此表单的目标是同一页上的iframe。iframe是动态的，并且基于php。这是我的php iframe内容的底部：<?>这样做很好，实际上它确实可以调整大小，但是，在Chrome和Safari中，调整大小比应该设置

浏览 2提问于2010-10-03得票数 3

1回答

YouTube自定义嵌入式测试器

jquery、math、youtube、height、width

在我正在构建的网站上，我需要允许视频(如果嵌入)动态拉伸以适应屏幕。我将使用jQuery获取父div的宽度，但我需要计算出数学来自动计算高度大小。YouTube在他们的自定义sizer中成功地做到了这一点(单击共享，然后嵌入并填充宽度以查看高度自动填充)。感谢对此的帮助！theWidth = parseInt($documentWidth, 10); $theHeight = (Math.floor($theWidth / 1.755) || 0) +

浏览 1提问于2011-06-19得票数 2

回答已采纳

1回答

子div的高度(包含iframe) -响应问题

css、iframe、responsive-design

我有非常简单的代码，我花了一天的时间来解决问题，但仍然没有进展:/我想用背景图像显示iframe。max-width: 427px; margin: 0 auto; width: 73%;} width: 100%; margin: 0;<div class="parrent"> <div class="chi

浏览 13提问于2019-11-07得票数 0

1回答

iFrame中的动态高度和固定元素

javascript、jquery、iframe、height

我正在尝试设置一个“面板”的高度，这样它就会填满整个设备的宽度和高度。以前这是可以的，但现在网站通过一个iFrame运行，高度是巨大的。我使用的是以下代码：$('.panel-adjust').height(windowHeight);我如何解决这个

浏览 0提问于2013-05-29得票数 0

回答已采纳

2回答

我需要从ifram获取高度属性值，并设置父元素来包含它

javascript、jquery、iframe

我将在以后收到一些动态生成的iframe内容，并尝试创建一个无论高度如何都能很好地适应iframe的模板。因此，我想编写一个jquery脚本来读取iframe中的height属性的值，这样我就可以将父元素设置为相应的大小。我不确定怎么做是访问iframe中的height属性...我假设最简单的做法是从父元素运行脚本来获取iframe高度，然后设置它自己的高度。我也希望iframe是相同的域，所以这不

浏览 4提问于2012-04-24得票数 2

1回答

在窗口调整大小时(或当方向发生变化时)检测iPad中的方向

javascript、jquery、ipad、iframe、orientation

但是对于iframe来说，这是一个问题--窗口的高度总是大于宽度。各种方法只是认为它的肖像。据我所知，这里有多少内容，如果没有卷轴的话。所以，如果我的代码是浏览器窗口，而不是父浏览器窗口。更新：要检测宽度，我使用： $(window).load(fu

浏览 2提问于2014-06-04得票数 0

1回答

如何使用正文中的min-height属性设置iframe的高度？

html、css、iframe、height、center

background-size:cover;} cursor:url(files/cursor.cur),progress; 2014-2015 </p> <iframeid="if

浏览 0提问于2015-04-19得票数 4

回答已采纳

1回答

使用jquery从iframe获取浏览器视区的高度

javascript、jquery、iframe

我的网站是在另一个网页的iframe中加载的(域名不同)。在iframe中加载的页面上，我需要获取浏览器视窗的高度。我试图使用$(window).height();，但它返回了我的iframe的高度，就好像我使用了$(document).height()一样。screen.height也不适合，因为它返回整个监视器屏幕的高度。附注:我试图将模式窗口垂直放置在iframe的查看部分的中间，而不是整个iframe的中间

浏览 12提问于2016-08-09得票数 1

1回答

获取iFrame的当前高度并将该高度应用于父级div

javascript、jquery、html、css、iframe

我在一个div里面有一个iFrame。我需要在iFrame上的立场是绝对的(这是一个很长的故事)。当位置是绝对的，内容放在它下面的内容之上。如何获取iFrame的当前高度并将该数字设置为父div的高度，以便将其他内容向下推，从而造成iFrame内容不再位于其他内容之上的错觉？做了大量的研究，在js中尝试了很多东西。<div <style="height:[want this to be height of iframe<

浏览 2提问于2013-11-13得票数 0

回答已采纳

点击加载更多