草庐IT

embed_iframe

全部标签

javascript - 如何同步多个 iframe 的滚动位置

我有一个基于选项卡的HTML布局(比如5个)。在每个选项卡中,我加载一个iframe。iframe内容是彼此的变体,用户可以通过切换选项卡进行比较。如何在javascript中同步所有iframe的垂直和水平滚动?换句话说,在一个iframe中滚动应该滚动相同的量所有其他iframe,允许用户比较相同的数据。奖励点:仅当用户首次打开选项卡时才加载iframe内容。因此,新打开的iframe应直接滚动到与已打开的iframe相同的位置。谢谢。 最佳答案 虽然这适用于div,但不适用于iframe。这是你可以做的,$($('#ifram

javascript - 如何覆盖标准浏览器打印并默认打印 iframe

我有一个文档类型页面,里面有一个iframe。我正在尝试覆盖标准浏览器打印(Ctrl+p)以仅打印iframe的内容。我知道如何使用javascript打印iframe内容:window.frames['webcontent'].focus();window.frames['webcontent'].print();我知道如何在打印之前运行javascript,例如如此处所述:Checkforwhenauserhasselectedtoprintusingjavascript有什么建议吗?谢谢 最佳答案 可以通过CSS轻松实现:Se

css - div 在 iframe 之上

我正在寻找一种解决方案,将div(100%屏幕宽度,比如说20%高度)放在iframe的顶部,即100%屏幕宽度和100%屏幕高度它应该看起来像这样:__________________________||OntopDIV||||_______________________|||||Iframe||||_________________________| 最佳答案 super简单的东西..将一个iframe和一个headerdiv放在一个容器div中。在容器上设置position:relative,在headerdiv上设置pos

jquery - 访问 iframe 父级中的 div

我有一个包含到另一个页面的iframe的页面,我正在寻找的是单击iframe内的某些内容,然后可以访问或更具体地说隐藏父级中的div。我知道一些JQuery,但出于某种原因,当我尝试自己编写它时,只是茫然地坐在代码编辑器前 最佳答案 在iframe中试试这个:$('#DIVtobehidden',window.parent.document).hide(); 关于jquery-访问iframe父级中的div,我们在StackOverflow上找到一个类似的问题:

css - 为什么不能使用iframe绝对定位来设置高度/宽度

我的问题类似于IFRAMEandconflictingabsolutepositions,但我特别想知道为什么您不能在iframe中同时设置左/右或上/下并使其正常工作。iframe{position:absolute;display:block;top:0;bottom:0;left:10px;width:100px;border:1pxsolidblack;}div{position:absolute;display:block;top:0;bottom:0;left:200px;width:100px;border:1pxsolidblack;}div占据整个浏览器高度。ifra

javascript - 使谷歌地图 iframe 嵌入响应的快速简便的方法

很难说出这里要问什么。这个问题模棱两可、含糊不清、不完整、过于宽泛或夸夸其谈,无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开,visitthehelpcenter.关闭9年前。我一直在寻找一种快速简便的方法来将谷歌地图(通过他们的嵌入代码)嵌入到响应式网站中,并将响应式应用到map中。通常,iframe会拒绝使用您的媒体查询或包含在其中的div来调整大小,这总是让我感到沮丧,如果确实不需要,我讨厌使用插件,例如响应式谷歌地图插件。请参阅下面我的解决方案。

html - 包含嵌入/发布的 Google 文档的 Iframe 的自动高度

我有一个带有已发布的Google文档的iframe。该文档的内容可能会发生变化,所以我想根据其内容自动调整iframe的高度。我为此找到了一些解决方案,但它们都需要访问子文档的头部。有没有人知道如何做到这一点?您可以在下面查看我使用的代码的摘录:#faq{height:800px;overflow:hidden;position:relative;width:660px;border-top:1pxsolid#90C547;border-bottom:1pxsolid#90C547;} 最佳答案 简单的答案......你不能(抱歉)

javascript - 在 IE 11 中打印 Iframe 仅打印第一页

我有以下代码来打印弹出窗口的内容:varframe=this._urlElement;if(frame){varcontent=frame.contentWindow.document.getElementById("content");if(content){MarvalSoftware.UI.Dom.setStyles(content,{'overflow':'visible'});}frame.contentWindow.focus();frame.contentWindow.print();}其中_urlElement是一个iframe,它的内容文档有overflow:auto

html - 沙盒、IFrame 和允许同源

我一直在阅读有关的HTML5添加内容的信息标签。添加的内容之一是包含允许将文档加载到iframe中的沙盒标志。与其父浏览器上下文交互。在阅读了一些文档之后,我正在寻求一些清晰度。我读过MDN'sallow-same-origin的描述标志:Allowsthecontenttobetreatedasbeingfromitsnormalorigin.Ifthiskeywordisnotused,theembeddedcontentistreatedasbeingfromauniqueorigin.在阅读W3C's之后,我认为没有太大帮助。规范:...[I]tcanbeusedtoembed

html - 在 iFrame 中跳转链接

在iframe中(在page-A上),我有一个简单的页面(page-B),它有一些跳转链接(例如jumplink)到页面的不同部分(page-B)。iframe高度预设为大于page-B的高度;这是要求。由于某些原因,跳转链接在FF上不起作用(我在Mac/FF10.0.2上);但是,它在Safari和IE8上运行正常。这是samplepage.页面代码JumpLinkTestonaniFramePagethathasaniFrameiframe.html代码iFrameContent.box{margin:005px;width:400px;height:400px;}#box1{ba