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

覚え書きです。

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');

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