7

フォームをロードする iframe ポップアップがあります。

フォームはより大きなページの一部であり、いくつかの入力フィールドが含まれています。

この場合、それをロードする (幅は約 1000px に制限されている) iframe は、別のページへの「ウィンドウ」として機能します。

ロード時に iframe ではなくコンテンツ自体を整列させる方法はありますか? iframe内にhtmlドキュメント全体をロードしたいが、オフセットを使用して、iframeウィンドウが通常は側面または下部などで切り取られるフィールドだけを表示し、iframeサイズがどのように制限されているかを確認しますが、ページ表示されていません。

4

1 に答える 1

15

これを行うにはいくつかの方法があります。次のように URL に ID を含めることができます: http://somesite.com/yourpage#anchor

これは機能しますが、iframe を作成するサイトを所有していない場合 (iframe 統合のないある種のカスタム ビデオ サイトなど)、前に空のオフセット div を使用して css を介して実行できます: 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>
于 2014-01-08T19:03:26.293 に答える