iframeの高さを判別して自動的に調整する(JavaScript)

iframeの高さを判別して自動的に調整する(JavaScript) WEBデザイン

iframeを使っているページなどで、iframeの高さを判別して自動的に調整したい。そんなときのJavaScriptです。(jQuery使用)

cssなどでもできますが、手っ取り早く実装したい場合は以下のソースをコピペでOKです。

スポンサーリンク

ソース

下記のソースを</body>タグの直前あたりにコピペしてください。

ページ内の全てのiframeに適用する場合

以下をコピペするだけでOKです。

特定のiframeを一つだけ指定する場合(ID指定)

もし、ページ内に複数のiframeが存在して特定の一つのiframeだけに適用したい場合はIDを指定します。(例としてIDを”iframeID”としました。)

・iframeにID名をセット

・JavaScriptにてIDを指定

特定のiframeを複数指定する場合(class指定)

ページ内に複数のiframeが存在して特定のグループのiframeだけに適用したい場合はclassを指定します。(例としてclassを”iframeClass”としました。)

・iframeにclass名をセット

・JavaScriptにてclassを指定

 

以上でOKです!