iframe(インラインフレーム)は、外部のURL(HTMLファイル、PHP)や他のドキュメントを、画面中にインラインで表示することができる便利なタグです。 しかし、読み込ませる内容によっては、iframeの中でページ移動をした際に、スクロールバーが出てしまったり、最初に設定したiframeの高さに満たないコンテンツが表示された場合、画面の下の方に空白ができてしまい、機能性はともかく見た目の美しさが損なわれます。 そこで登場するのが今回ご紹介するjQueryのプラグイン、「jquery-iframe-auto-height」です。iframeに読み込まれるコンテンツの高さを自動取得して、iframeの高さを変更してくれるというものです。 このプラグインの優れているところは、iframeのタグを既述するHTMLにだけ、このプラグインを読み込ませればOKという手軽さです。読み込ませる先の階層の
![iframeの高さを自動調整するjQueryプラグイン jquery-iframe-auto-height](https://cdn-ak-scissors.b.st-hatena.com/image/square/a8553f5de76e959dfb6b88f6c3ccb06756548b3b/height=288;version=1;width=512/https%3A%2F%2Fwww.barnetshenkinbridge.com%2Fblog%2Fwp-content%2Fthemes%2Fsimplicity2-child%2Fimages%2Fog-image.jpg)