偏移iframe内的网页位置

dsp*_*099 5 html css iframe

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

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

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

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

小智 7

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

这有效,但如果您不拥有该网站的iframe(就像某种自定义视频网站没有iframe集成),您可以通过css之前使用空的offseted div来实现:http: //aldebaranwebdesign.com/blog/how-到位置-A-页中之一个的iframe /

你的CSS:

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

#inneriframe
{
position:absolute;
top:-412px;
left:-318px;
width:1280px;
height:1200px;
}
Run Code Online (Sandbox Code Playgroud)

html:

<div id='outerdiv'>
<iframe src="http://www.siteto integrate.com/" id='inneriframe' scrolling=no></iframe>
</div>
Run Code Online (Sandbox Code Playgroud)