偏移iframe内的网页位置

Question

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

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

在这种情况下，加载它的iframe（并且限制为大约1000px宽）充当不同页面的“窗口”。

有没有办法在iframe中加载iframe而不是内容本身？我想在iframe中加载整个html文档但是有一个偏移量，以便iframe窗口只显示通常在侧面或底部或某些东西上截止的字段，看看iframe大小是如何限制的但是页面正在展示的不是。

Answer 1

有几种方法可以做到这一点，你可以在网址中包含一个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>