7

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

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

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

有没有办法在加载时不对齐 iframe 而是对齐内容本身?我想将整个 html 文档加载到 iframe 内,但有一个偏移量,以便 iframe 窗口只显示通常在侧面或底部或其他地方被截断的字段,看看 iframe 大小是如何受到限制的,但页面正在显示不是。

4

1 回答 1

15

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

这可行,但如果您不拥有 iframe 的网站(例如某种没有 iframe 集成的自定义视频网站),您可以通过 css 使用之前的空偏移 div:http: //aldebaranwebdesign.com/blog/how-在 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>
于 2014-01-08T19:03:26.293 回答