2回答
我创建了一个包含iframe的网页。我想使用浏览器滚动条滚动iframe内容。下面是我的代码：
<html>
<head>
<script src = "jquery-2.1.4.min.js">
</script>
<script src = "iframe.js">
</script>
<style>
button{
position
浏览 4提问于2015-06-08得票数 0
1回答
我希望iFrame占80%的高度和广告有剩余的20%。
代码
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
<iframe id="iframe" src="xxxxxx" style="border:0; width:100%;"></iframe>
<script async src="//pagead2.googlesyndicati
浏览 0提问于2016-07-05得票数 0
我可以使用某种JS脚本来利用url中的大小控制
<iframe id="myIframe" src="https://media.embed.ly/1/frame?url=http%3A%2F%2Fwww.twitch.tv%2Fgamemode_mc_&width=1280&height=1280&secure=true&key=0202f0ddb5a3458aabf520e5ab790ab9&"
可以动态强制iframe内容的大小与用户的浏览器窗口匹配吗？这将把我原来问题的
浏览 2提问于2013-09-16得票数 0
回答已采纳
2回答
我使用的是vuejs和rails，webpacker和turbolinks。我希望在初始页面加载时计算iframe元素的正确高度。当前，当手动刷新页面时，我将获得元素的高度，并且当有人从任何其他页面导航到iframe元素所在的页面时，将不计算元素的高度。
我的index.js设置：
Vue.use(TurbolinksAdapter);
document.addEventListener('turbolinks:load', () => {
const app = new Vue({
el: '[data-behaviour="vue"
浏览 6提问于2020-09-07得票数 0
回答已采纳
我正在处理一个铬的扩展，它可以找到一个来自iframe的请求。现在，我可以通过侦听frameId来获得frameId (参见链接中的frameId部分，而不是iframe标记中的id属性)。
我能用这个frameId找到iframe吗？我想要的只是检索iframe标签的属性，比如名称、宽度和高度。
谢谢
下面是我基于答案的工作代码。
//frameScript.js
(function() {
var body = document.body,
html = document.documentElement;
var height = Math.max( b
浏览 1提问于2016-11-03得票数 5
回答已采纳
1回答
CSS中的溢出问题
、、、、
我的页面上有一个iframe，似乎面临着一些常见的问题……E实际上有2个IFRAME... 1.头iframe，它有一些列的表...2.内容iframe，其中包含表和列数据..
现在2个iframe表垂直对齐...
如果列较少，并且第二个iframe中没有滚动条，则对齐效果良好。
但是如果列增加了，我在内容iframe中得到一个水平滚动条，当我滚动它时，我有一个同步JS，它滚动顶部的iframe作为well..Now在滚动条的末尾bcoz占用空间，垂直对齐被扰乱。
由于这似乎是一个典型的问题，有谁有一个解决方案，这将是真正有帮助的。我是开放的CSS/Js方法作为well..Thank你..
浏览 4提问于2011-06-01得票数 0
回答已采纳
我只是问了一个问题，为什么某个js代码在Chrome和Safari中100%不能工作，但是经过更多的故障排除后，我想我已经发现了这是我应该发布的问题。
我有一页，里面有个表格。此表单的目标是同一页上的iframe。iframe是动态的，并且基于php。
这是我的php iframe内容的底部：
<body onload="parent.resize_iframe(document.body.scrollHeight)">
<?php echo $display_table; ?>
正如您所看到的，我调用一个函数来调整主页面(父页面)中iframe的高度大
浏览 2提问于2010-10-03得票数 3
我有一个我已经申请的按钮
$('.l_men_but').click(function(){
window.parentIFrame.scrollTo(0,0);
return false;
});
当按钮被点击时，页面的视图完全改变，所以我希望将用户滚动到页面的顶部。
这个scrollto函数似乎工作得很好，尽管似乎需要返回false；才能生效。
我看到的问题是，在某些浏览器上，包括chrome，IE和移动浏览器，当单击按钮时，父视图滚动到顶部，但iframes height元素更改为0px？
调整屏幕大小时，iframe会重新调整到正确的大小。
按下按
浏览 0提问于2016-04-15得票数 0
1回答
我在Dynamics CRM (2011 on premise)中有一个iFrame，其中包含一个aspx文件，该文件加载交易行项目(如发票行项目)。行项目的数量变化很大，从1到8,000。我需要调整iFrame的高度，使其不显示垂直滚动条。我如何才能做到这一点？现在我正在使用这个JS函数，但它非常不准确：
function setIframeHeight() {
var rowcount = getRowCount();
var multiplier = 19;
if (rowcount < 25) {
mult
浏览 0提问于2013-03-19得票数 2
我在d3js.org上看过的使用iframe来定位页面上可视化的顶部和中心。
当我尝试不使用iframe直接在页面上嵌入可视化效果时，它会下降到页面的左下角，位于所有其他页面元素的下方。
除了使用iframe之外，有没有人知道其他好的定位方法？
浏览 1提问于2013-03-08得票数 2
我正在测试responsiveiframes.js以使iframe响应，iframe内部的竞赛没有响应。
我怎样才能让它有反应？iframe中的内容必须响应吗？是否还有其他选项可以使iframe响应(jquery或其他什么)？
非常感谢。
这是我的密码
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" l
浏览 3提问于2016-02-26得票数 0
回答已采纳
我正在编写js/jquery代码，如下所示，我想重写下面的HTML 中的css。
console.log("iframe height is", $("div.scribble-live").find("iframe").css("height"));
$("div.scribble-live").find("iframe").css("height", "200px");
console.log("iframe height is", $(
浏览 0提问于2019-03-28得票数 0
1回答
我有一个iframe，里面有一个画廊。在我的主页，我有一个图片，当点击，它打开“iframe与fancybox。
代码如下所示：
<a class="fancybox fancybox.iframe popup" href="http://tambooflores.com.mx/iframe_colores.html" height="100%" width="100%" >
some IMAGE here
</a>
fancybox的脚本是：
$('.fancybox').fanc
浏览 3提问于2013-04-12得票数 0
回答已采纳
1回答
使用通过Google可以轻松找到的许多示例中的一些，我已经编写了代码来调整iframe的大小以适应其内容(通过php动态生成)。它是有效的，但有一个问题，尽管我进行了多次搜索，但还是找不到解决方案。首先，下面是相关的代码：
主要HTML
<html>
<head>
<link rel="stylesheet" href="style.css">
<script src=(JQuery URL)></script>
<script src=(External JS file URL, c
浏览 0提问于2017-12-16得票数 3
3回答
我想使用100%的宽度和比例高度的youtube链接。
但似乎身高得到了错误的数值。
请帮帮忙
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.co
浏览 2提问于2017-02-27得票数 3
回答已采纳
我有一个iframe，它正在动态地从我控制的站点加载外部内容。
如果没有可用的内容，我将加载一个空页面。
不幸的是，iframe的高度为150 of。
如果iframe的标准尺寸为150 to，那么我如何使用Javascript定义来隐藏母div (容器)或iframe？
<div id="container">
<iframe src=""> </iframe>
</div>
浏览 5提问于2022-06-03得票数 0
我需要在页面内部显示一个页面，就像一个iframe，但是使用jquery。这些页面不在同一台服务器上。
主页是cms内的html页面，并且需要嵌套的页面是位于另一服务器上的具有图像或音频文件列表的媒体页面。媒体页面的高度会有所不同，所以我有点想远离iframe……在jquery中有没有一个简单的调用，可以像iframe一样抓取页面……或者，如果js在浏览器级别被关闭，它会降级为iframe？
谢谢。
浏览 0提问于2010-08-15得票数 3
回答已采纳
我的问题是，我想要这个页面-*在这个页面中使用动态高度的iframe。*/。
第一页是一些eshop系统，它支持你自己的javascript。第二个是在Joomla上运行的页面，我有FTP和管理访问该页面。
问题是，当我尝试iframe-resizer时，什么也没有发生。我通过javascript包含了iframeResizer.contentWindow.min.js
document.getElementById("myxcomponent1").innerHTML = "<script type='text/javascript' src=&
浏览 1提问于2014-11-30得票数 0
1回答
我需要一个有自动高度的iframe (没有垂直滚动，它应该占用它需要的所有空间，并滚动主页面只是很好)。
目前的代码中没有这样的情况：
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap IFrame Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initi
浏览 2提问于2016-01-11得票数 0
在内部web环境中，我有一个相当普通的IframeResizer.js实现。我的子页面有一个由第三方应用程序生成的表，其中包含一些mouseover/hidden和与TH元素相关的javascript标记( TH包含一个具有其他mouseover/js功能的表)。 当表第一次加载到子iframe中时，大小调整可以完美地工作。当我向下滚动并将鼠标移到TH元素上时，IframeResizer将页面位置重置为0,0。我已经注意到，如果我在一个‘记住’的滚动位置加载页面(例如，当使用向后箭头时)，鼠标悬停或onclick javascript元素也会将我的页面位置重置为该滚动位置。IframeRes
浏览 7提问于2021-08-30得票数 0
我继承了一些JS，它从一个网站中的另一个网站检测一个iFrame的内容高度。iFrames对于从一个网站操作iFrame中的内容并不是很好，这是不可能的。
我的示例中的iFrame内容工作得非常好，它是一个非常长的单页表单，正在从另一个网站作为iFrame源加载(我不能提供iFrame源代码，但我可以说的是，源代码与加载iFrame的实际网站不在同一个域中)。
我想弄清楚两件事：
这是如何能够读取iFrame源并获得高度。
还有..。2.这段代码在较旧的浏览器中有多可靠，是否有替代方法？
下面的代码现在是有功能的，它设法检测iFrame源的内容，而不管它的源是什么，并输出一个整数，
浏览 0提问于2019-03-23得票数 0
1回答
我曾在这方面读过类似的问题，但似乎没有人有答案。我有一个iframe，我正在加载一个图像。当我放大时，iframe会变大或变小。是否有办法防止iframe的动物园或保持比例时缩放？
我让它为图像工作，但当我使用iframe时，它似乎可以工作。
JS
var iframeDimensions = document.getElementById('mobile-iframe');
var iwidth = iframeDimensions.clientWidth;
var iheight = iframeDimensions.clientHeight;
$(window).r
浏览 3提问于2013-12-02得票数 1
回答已采纳
在我的SharePoint环境中，我必须使用Page Viewer将定制的HTML表单加载到iframe中。除了布局被设置为强制宽度之外，所有的工作都会被发现。这意味着屏幕的左右两边几乎都是开放的。我很擅长CSS甚至覆盖选择器，但我还没有研究过如何让iframe及其子元素在布局设计中做出响应。我们如何使用jquery从头开始呢？
我非常希望我的iframe的宽度和它的父容器一样宽，并且能够滚动更长的内容。我知道它不仅仅是100%的宽度。此外，这是否适用于移动设备--这是我的最终目标。
有什么小例子吗？
谢谢!
浏览 0提问于2012-10-11得票数 0
回答已采纳
我想要显示一个中的iframe (单击绿色框)。但是我没有看到一个方法或类来样式化iframe的高度和宽度。
HTML: <div>
<a href="games/header-test.php?game=aveskulov" class="my-popup iframe-link">Show iframe popup</a>
</div>
js：
<!--Magnific-popup-->
<script src="//cdnjs.cloudflare.com/ajax/libs/mag
浏览 1提问于2013-07-29得票数 8
1回答
长话短说。我需要创建一个使用javascript的iframe，并将其对齐在页面的中心。
我发现了这段很好的代码：
var iframe = document.createElement('iframe');
var html = '<body>Foo</body>';
iframe.src = 'data:text/html;charset=utf-8,' + encodeURI(html);
document.body.appendChild(iframe);
console.log('iframe.conte
浏览 0提问于2015-05-22得票数 0
2回答
结合使用HTML和JS，我如何检测设备是横向的还是纵向的，然后相应地更改嵌入视频的大小？
我知道检测屏幕方向的一个相当简单的方法是比较宽度和高度，看看哪一个更大。但是，我如何在代码中使用这些变量来嵌入视频呢？代码来自Vimeo：
<iframe src="http://player.vimeo.com/video/15813517?title=0&byline=0&portrait=0" width="320" height="480" frameborder="0"></ifra
浏览 0提问于2011-02-02得票数 1
1回答
我无法处理iframe。我试图在其中插入我的课程，但尽管宽度看起来很容易管理，但高度并不响应功能中的增量。结果是一个iframe，它占据了页面的宽度，但太宽了，无法舒适地向下滚动。下面我留下代码(问题已经解决了一半)和我的网页https://rubencioak.github.io/cv2.html，以防有任何帮助。 <body>
<!-- Wrapper -->
<div id="wrapper">
<!-- Main -->
<div id
浏览 36提问于2021-09-08得票数 0
回答已采纳
2回答
如何动态设置iframe的高度？
、、、、
我有一个iframe，它加载了一个src，比如urlA。这个urlA在内部发出另一个ajax调用，调用某个url，比如urlB。
<iframe src="urlA" id="iframe1"/>
我有一个加载函数附加到上面的iframe，如下所示：
$("#iframe1").load(function() {
setIframeHeight(); // another function calls which sets iframe height according to its content
});
我的问题是，当ur
浏览 2提问于2014-07-24得票数 1
我正在使用jQuery thickbox插件来显示我的一个页面，它被包裹在一个厚框中。它工作得很好。
这就是我调用要在厚框中显示的页面的方式。
<a href="thickbox_page.html?KeepThis=true&TB_iframe=true" class="thickbox" id="thickbox_link">Thickbox example</a>
我已经在thickbox.js文件中设置了高度和宽度参数。同样，我也可以在js文件中设置其他参数吗？例如，我可以在js文件中设置TB_ifram
浏览 1提问于2011-04-28得票数 0
我正在创建一个要加载到iframe中的Facebook canvas应用程序。
由于加载的动态数据不同，内容的高度可能会有所不同，并且不能预先设置。画布应自动调整自身大小以适合内容。我需要在所有现代浏览器中去掉iframe中的垂直滚动条。
我在应用程序的高级设置中设置了"Canvas Height: Fixed at 800px“，并使用推荐的FB.Canvas.setSize()解决方案：
<body>
<div id="fb-root"></div>
<script type="text/javasc
浏览 3提问于2012-05-28得票数 0
我需要iframe大小伸展到他的容器，但有宽度和高度定义的属性。所以我会用javascript来改变它。这是我的出发点：
<div class="emvideo emvideo-video emvideo-vimeo">
<div id="media-vimeo-1" class="media-vimeo">
<iframe src="http://" width="425" height="350" frameborder="0"
浏览 50提问于2018-02-08得票数 1
回答已采纳
3回答
我正在使用<iframe id='' src =" + url + " style='width:100%;border:none;'></iframe>，我试图根据内容高度来设置iframe高度。如果我没有提到iframe的高度，它将采用默认高度。谁能告诉我如何根据内容高度设置iframe高度...
浏览 1提问于2013-12-19得票数 0
这个想法是，所有的假设都显示了页面的末尾，压力图就在那里。但是当它们被创建时，如果它们不出现在相同的起始位置，那么当我试图将它们全部向下滚动时，有些会越过门槛！
<html>
<head>
<style>
iframe {
height: 200px;
width: 100%;
border: none;
}
.iframe-container {
浏览 2提问于2021-12-06得票数 1
1回答
我正在使用IFrameResizer，以便能够在不使用scollbar的情况下实现完整的页面。使用下面的代码，我无法获得所需的结果。我该纠正什么？
<!DOCTYPE html>
<html lang="en"> <head> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="w
浏览 6提问于2022-08-05得票数 0
回答已采纳
我在FireFox中遇到了一个slimScroll / jQuery UI的问题，只在加载内容时使用iframe。该代码在所有其他浏览器中都可以正常工作。
如果你正常加载iframe，它就能正常工作。如果以(.hide()或display:none;)开始时隐藏加载它，它仍将加载，但不会显示slimScroll可拖动栏(仅存在轨道)。
我假设这是一个FireFox滚动问题，或者可能是一个jQuery UI可拖动的问题。不管怎样，我都想不出来。
要放入父页面的脚本(parent.html)：
$(document).ready(function () {
var
浏览 0提问于2012-10-26得票数 1
回答已采纳
我已经在我的网站()上安装了iframe-resizer，它基本上是按照预期工作的，除了: 1)它似乎在移动设备上不能工作，在任何情况下都是如此。2)当你点击iframe内的某处时，页面会变长。每次单击都会导致它进一步增长，并且不会收缩。下面是我的页面代码：
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" src="//healthfi
浏览 0提问于2017-06-01得票数 0
2回答
我想在侧边栏旁边放一个iframe。侧边栏的常量为250px，我想让iframe的宽度填满屏幕的其余部分。所以它的宽度是窗口大小减去250px。我需要动态地改变这一点。我坚持使用现有的代码。
<script type="text/javascript">$(window).resize(function() {
$('iframe').prepend(width:$(window).width()px;);
});
</script>
<div style="float:left;"><ifram
浏览 16提问于2012-09-15得票数 1
回答已采纳
2回答
我有一个Wordpress站点，在页面底部有一个小的iframe。每当页面加载时，它都会跳转到iframe所在的位置。
我尝试隐藏元素并添加一个javascript函数
HTML
<iframe id="iframe_wrapper" src="link-here" frameborder="0"
scroll="no" onload="showOnLoad();"></iframe>
CSS
#iframe_wrapper {display:none;}
JS
function showO
浏览 1提问于2019-08-23得票数 0
我的结构如下：
0. Parent page
1. iFrame rendered through ad delivery network
2. iFrame displaying the advertisement
当用户与广告交互时，广告是通过parentIFrame.size()方法调整父parentIFrame.size的大小的。我有这个部分的设置和正常工作--我可以看到内联样式属性在第2级iframe上的变化。
现在，看一下，我可以看到嵌套的iFrames可以一起工作，并且在嵌套的级别上有适当的大小气泡。我看到，必须设置具有contentWindow和iFra
浏览 1提问于2015-04-19得票数 0
我还在github网站上发布了这个(
我在Godaddy中遇到了一个错误，这是我以前从未遇到过的问题。下面是日志输出和实际页面的URL。
我相信这是由“：srcdoc”引起的。
我相信代码如下
```javascript
function clearCache(url) {
return url + (url.indexOf('?') > -1 ? '&' : '?');
}
var iframe;
var socket = new easyX
浏览 0提问于2018-08-24得票数 0
回答已采纳
3回答
响应图像缩略图
、、、
我有一个带有缩略图的图像/视频旋转木马。我试图使缩略图响应，但我只能做一个百分比的宽度，而不是高度。每当我调整窗户的尺寸时，它们就会松开我想要的长方形。
我试过使用vh，但没有成功。我希望缩略图能够模仿我为所做的工作。
这是。
$(document).ready(function(){
// get all images loaded
var images = $(".chair-class");
// thumbnails containers
var thumbnailContainer = $("#thumbnails");
var
浏览 0提问于2018-04-30得票数 1
回答已采纳
我想把我的网站的iframe添加到WordPress站点。我想摆脱滚动条。看照片。
不确定iframe-resizer是否因此错误消息而无法工作。
Failed to execute 'postMessage' on 'DOMWindow': The target origin provided
('https://script.google.com') does not match the recipient window's origin ('http://rsness.8u.cz').
从iframe- 页
浏览 8提问于2021-01-10得票数 3
回答已采纳
Extjs
我在Ext.Panel中有一个ifram，而面板在Ext.Window中。
如何在iframe内容更改时使窗口自动变高
请参考代码：
var filePanel = new Ext.Panel({
autoHeight: true
});
var fileUploadWindow = new Ext.Window({
modal: true,
autoHeight: true,
title: 'File Upload',
closable: true,
draggable: true,
autoDestro
浏览 1提问于2012-12-06得票数 1
回答已采纳
1回答
我正在尝试设置一个“面板”的高度，这样它就会填满整个设备的宽度和高度。以前这是可以的，但现在网站通过一个iFrame运行，高度是巨大的。
我使用的是以下代码：
var windowHeight = $(window).height();
$('.panel-adjust').height(windowHeight);
因为它位于iFrame内部，所以由于iFrame (可能是所有面板的高度)，它似乎生成了一个很大的高度
我如何解决这个问题，使其获得实际的视口高度，而不是iFrame的高度？请记住，这需要是动态的。iFrame在另一个网站上，所以我对它没有太多的灵活性。
我还试图
浏览 0提问于2013-05-29得票数 0
回答已采纳
我是CSS的新手，因此这个问题的解决方案可能很简单。我在网上搜索过，但没有找到解决办法，尽管我认为这个问题很常见。
我正在将iframe嵌入到html文档中，如下所示：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="main.css" />
</head>
<body>
<p>Test</p>
<iframe
浏览 1提问于2014-08-31得票数 0
回答已采纳
首先，我在阅读和应用了这么多JS后做了这个主题的研究，我发布了这个问题。
我正在尝试应用iframe，在其中我从一些其他领域获得内容。
我尝试在iframe内内容的scrollheight的基础上设置iframe高度，但这样做失败了。
我尝试使用iframe的onload事件，但失败了...
请帮助我，我需要通过任何必要的手段动态设置iframe的高度。
如果代码将在Javascript中提供，这将对我有帮助
提前感谢
浏览 1提问于2011-06-30得票数 0
回答已采纳
加载iframe内容后，我正在尝试调整body窗口的大小，以避免出现滚动条。我读过关于XSS的文章，所以我知道国外域名的属性是不可访问的，但我想知道是否有可能只获取或计算高度属性？
谢谢你的建议。
浏览 0提问于2015-10-31得票数 0
1回答
我从顶层使用iquery插入一个iframe。
var url = //localhost/t1.php ;
$('#div_display').html("<iframe style='width:880px;height:1000px; id='sq_iframe' src='" +url+ "'></iframe>");
但是，当我试图更改iframe的高度时，无法获得div_xx在其内部的高度。
var oldheight= $("#sq_if
浏览 1提问于2014-03-29得票数 0
1回答
我有一个引导模式弹出，如果网页不在iframe中的话，效果很好，如下所示：
(单击“查找组”，然后单击“电子邮件”按钮)
但是，当它在iframe内时，模式弹出锚会弹出到iframe的顶部，完全忽略用户的滚动位置：
为了解决这个问题，我尝试根据iframe中的滚动位置手动设置模式弹出的顶部属性，但是$(window).scrollTop()和其他变体都从iframe中返回0或40。
$('.send-email-modal').modal();
setTimeout(function () {
if(inIframe
浏览 0提问于2016-04-04得票数 1
1回答
如果100%的高度不能工作
、、、、
我为客户端创建了侧面板，100%绝对位置的高度在iframe中没有显示任何内容。下面是iframe的附加图像(id以ebDiv开头)，高度已更改为100%，没有显示任何内容。我设置高度到920 is使它工作，但它应该是100%，如果我改变的位置从固定的绝对和高度100%，然后它工作，但100%的高度没有显示在绝对位置。
浏览 0提问于2015-09-21得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
