iframeの高さを自動調節するJS

2017年3月12日

覚え書きです。

HP内に入れたiframeをスマホ等で見た場合、スクロールが出て来てしまう場合があります。
そんなデザイン的にイマイチな状態をなくすスマートな方法です。
そう、とっても短いJSを入れるだけ。すばらしい！

参考に・・・というか、マルマル使わせていただいたサイトはこちらです。

0から目指すWebマスター 様の「iframeの高さを自動調整する」です。
ありがとうございます！

そのコードはこちら

$('iframe')
.on('load', function(){
try {
$(this).height(0);
$(this).height(this.contentWindow.document.documentElement.scrollHeight);
} catch (e) {
}
})
.trigger('load');

これだけ！ぜひ試してみてください。