偏移 iframe 内的网页位置

Question

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

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

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

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

Answer 1

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

这可行，但如果您不拥有 iframe 的网站（例如某种没有 iframe 集成的自定义视频网站），您可以通过 css 之前使用空的偏移 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>