我有一个iframe弹出窗口应该加载一个表单。
表单是较大页面的一部分,包含一些输入字段。
在这种情况下,加载它的iframe(并且限制为大约1000px宽)充当不同页面的“窗口”。
有没有办法在iframe中加载iframe而不是内容本身?我想在iframe中加载整个html文档但是有一个偏移量,以便iframe窗口只显示通常在侧面或底部或某些东西上截止的字段,看看iframe大小是如何限制的但是页面正在展示的不是。
答案 0 :(得分:6)
有几种方法可以做到这一点,你可以在网址中包含一个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>