javascript - Iframe を div コンテナに合わせる

Question

高さ：100％のdiv（コンテナ）があります。そして、この div 内にも height:100%; の Iframe があります。これで、Iframe ページ全体が div に表示されます。

ただし、問題は、iframe がスクロールする長いページであることです。スクロールをまったく表示したくありません。ネイティブウィンドウのスクロールのみが必要です。

例でわかるように

ウェブサイトを表示するには、iframe に対して scrolling="yes" を強制する必要があります。これを回避し、本文(ページ)スクロールのみを使用するにはどうすればよいですか?

これを修正できるJavaScriptがありますが、二次的な問題は、iframeを動的にロードしているため、ページのロードではありません。

Answer 1

私はあなたのコードをいじりました。余分なスクロールを引き起こすマージンまたはパディングが原因だと思います。固定サイズの div と iframe を使用すると、必要に応じて機能します (と思います)。

こちらの jsfiddle をご覧ください。

唯一の変更は CSS で、div と iframe の高さを 300px に変更しました。

Answer 2

DIV タグを閉じて、このコードもページに追加してみてください。

html, body {
 height:100%;
}

それが役立つことを願っています。