问答

html – 偏移iframe中的网页位置

 来源    2019-05-17    0  

我有一个iframe弹出窗口,应该加载一个表单.

表单是较大页面的一部分,包含一些输入字段.

在这种情况下,加载它的iframe(并且限制为大约1000px宽)充当不同页面的“窗口”.

是否有一种方法可以在iframe中加载iframe而不是内容本身?我想在iframe中加载整个html文档但是有一个偏移量,以便iframe窗口只显示通常在侧面或底部或其他东西上截止的字段,看看iframe大小是如何限制的但是页面被显示不是.

有几种方法可以做到这一点,你可以在网址中包含一个id,如:
http://somesite.com/yourpage#anchor

这可以工作,但如果您不拥有该网站iframe(如某种自定义视频网站没有iframe集成),您可以通过css与空的offseted div执行此操作:
http://aldebaranwebdesign.com/blog/how-to-position-a-page-within-an-iframe/

你的CSS:

#outerdiv
{
width:446px;
height:246px;
overflow:hidden;
position:relative;
}

#inneriframe
{
position:absolute;
top:-412px;
left:-318px;
width:1280px;
height:1200px;
}

html:

<div id='outerdiv'>
<iframe src="http://www.siteto integrate.com/" id='inneriframe' scrolling=no></iframe>
</div>
相关文章
javascript – 如何使用contentEditable获取像iframe中的当前插入符位置的像素偏移量
问答我想使用contentEditable在一个iframe中定位一个浮动div元素,以防用户输入某个组合键(用于自动完成). 我知道如何得到插入位置: 的document.getElementById( ...
css – 响应地在一个iframe中嵌入Bootstrap网页
问答我正在开发一个SaaS应用程序,它基本上为客户端提供了一个完整的网页.客户端可以访问其页面:http://client.myapp.com.但是,我希望允许客户在其网站上轻松嵌入此页面.目前我只提供带 ...
internet-explorer – IE bug,iframe中的自动填充框位置
问答经过几个小时的谷歌搜索,我发现自从近10年前就存在自动完成框错误,直到现在,在IE9上,该错误仍然存​​在. 问题: 当我有一个输入:iframe内的文本,有自动完成框的定位错误 – 在IE8兼容模式 ...
如何通过iframe中的javascript获取iframe的高度?多个iframe的网页怎么样?
问答有没有办法通过从iframe内部执行脚本来检测iframe的高度和宽度? 我需要根据iframe的不同高度/宽度动态定位iframe中的某些元素. 如果同一页面有多个iframe,会有什么区别吗?即每 ...
安全网页上的iframe中的内容不安全
问答我正在为客户端开发应用程序,该客户端将拥有SSL证书并在https下提供.但是,要与其现有网站集成,他们希望在iframe中提供其导航. 我可以看到这造成麻烦,因为我希望浏览器抱怨在网页上的安全和不安 ...
javascript – 检查网页是否位于Google Chrome的iframe中
问答我尝试了很多窗口属性,看看iframe中的页面是否可以判断它是否在iframe中.我试过了: if(top.location!= self.location) //doesn't work in Go ...
javascript – 检测iframe对象中的src /位置更改
问答我有一个指向特定页面的iframe对象.例如, <iframe src="http://en.wikipedia.org/wiki/Special:Random">&l ...
css – 在iframe中位置“固定”的元素不会在Safari中呈现
问答我们遇到的问题是位置元素:固定;在iframe中没有正确呈现.我们只在Safari中的macOS上注意到这一点. 以下是它的外观: 这是macOS上的Safari看起来像(在页面加载时): 在页面加载 ...
javascript – 如何识别网页是否正在iframe中加载或直接加载到浏览器窗口中?
问答我正在写一个iframe的Facebook应用程序.现在我想使用相同的html页面来渲染正常的网站以及Facebook中的画布页面.我想知道,如果我可以确定页面是否已加载到iframe或直接在浏览器中 ...
javascript – HTML中的标记位置会影响网页的效果吗?
问答如果脚本标记位于HTML页面中的正文之上或之下,那么网站的性能是否重要? 如果在中间使用像这样: <body> ..blah..blah.. <script language=&qu ...
javascript – 嵌入iframe开放系统浏览器而非iframe中嵌入的iOS Phonegap网页链接
问答在phonegap中通过iframe嵌入网页时,该网页上的所有链接都会打开系统浏览器而不是iframe.这仅在iOS上发生,仅在编译版本上发生. Android和iOS的phonegap应用程序可以像 ...
javascript – 在iframe中删除html元素的位置
问答我想找出iframe中元素的位置.我正在尝试使用: – //Function to find the position of element on page function getElementPo ...
css – 位置:在facebook canvas(iframe)中修复
问答我们希望在我们的facebook canvas应用程序中使用一个流畅的画布大小来固定一个具有位置的锚DOM元素.因为应用程序在画布iframe中运行,所以css position:fixed的简单用法 ...
javascript – 在iframe中嵌入Instagram网页
问答我收到此错误: Refused to display 'http://instagram.com/p/page/' in a frame because it set 'X-Frame-Options ...
javascript – 如何从iframe中获取iframe的X和Y位置?
问答我在文档上有一个iframe.使用javascript,我可以获得iframe的宽度和高度以及文档的宽度和高度.我现在需要从iframe中获取文档上iframe的x,y位置. 代码是这样的: < ...
使用跨域站点但相同位置的JS文件调用Child iFrame中的Javascript函数
问答我正在尝试执行以下操作: 主文档调用iFrame中的函数,其URL来自不同的位置,但我试图调用的Javascript函数从与主文档相同的域加载. 有没有办法做到这一点? 澄清: >主要文件:ht ...
javascript – 在保留父页面位置的同时滚动到iframe中的特定ID
问答我需要能够根据需要在iframe中加载特定页面,所以我使用了一个简单的包装器: function updateFrame(url) { frames[0].location = url; } 然后我被 ...
锚点:点击导航跳到网页中的指定位置
日志今天做了一个简单的功能,页面往下滚动到一定位置,顶部出现一个浮动的导航栏,点击导航栏标签,下面页面跳转到相应的区域.回到顶部,导航栏隐藏. 因为顶部有一个浮动的导航栏,所以跳转到下面页面的时候,总是盖 ...
网页开发中调用iframe中的函数或者是dom元素
日志iframe中的代码 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <hea ...