iframeの高さ自動調整のJavaScriptを教えて下さい。。

webページの一部で、iframeを使用して別ページを埋め込む。
このとき、スクロールを表示せず、埋め込んでない風に（いかにもページの一部ですよ風に）表示する。

をしたいと思ってます。

（分岐が多いフォームなので、１ファイルでやらずに、ファイルを分けて、選択によって表示ファイルを変えようとしてます。）

いろいろ探して、以下のページにたどりついたのですが、
手元のJavaScriptのファイルが、外部ファイルで、関数使ってます。

http://dtp.jdash.info/archives/jQuery_iframe_auto_height_script

(function(window, $){
	$(window).on("load",function(){
		$('iframe.autoHeight').each(function(){
			var D = $(this).get(0).contentWindow.document;
/*
			console.log(
				D.body.scrollHeight, D.documentElement.scrollHeight,
				D.body.offsetHeight, D.documentElement.offsetHeight,
				D.body.clientHeight, D.documentElement.clientHeight
			);
*/
			var innerHeight = Math.max(
				D.body.scrollHeight, D.documentElement.scrollHeight,
				D.body.offsetHeight, D.documentElement.offsetHeight,
				D.body.clientHeight, D.documentElement.clientHeight
				);
			$(this).css('height', innerHeight + 'px');
		});
	});
})(window, jQuery);

上記を

function hogehoge(){

}

という形に書き換えてみたのですが、全く動く気配がなく、
スクロールバーが出てしまいます。

書き方が間違えてるのでしょうか。。。

function autoHeight(){
    (function(window, $){
        $(window).on("load",function(){
            $('iframe.autoHeight').each(function(){
                var D = $(this).get(0).contentWindow.document;
                var innerHeight = Math.max(
                    D.body.scrollHeight, D.documentElement.scrollHeight,
                    D.body.offsetHeight, D.documentElement.offsetHeight,
                    D.body.clientHeight, D.documentElement.clientHeight
                );
                $(this).css('height', innerHeight + 'px');
            });
        });
    })(window, jQuery);
}

kei344

2016/09/01 18:27

コードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。また、URLにはリンクを張ることができます。

ENANAKAGAWA

2016/09/02 01:12

ありがとうございます！分かっておらず申し訳ありません。ご指摘の内容を編集してみました。

行動規範の内容に同意します

回答2件

ベストアンサー

とりあえず書き方は下記のようになるとおもいます。

JavaScript
1function autoHeight(){
2    $('iframe.autoHeight').each(function(){
3        var D = $(this).get(0).contentWindow.document;
4        var innerHeight = Math.max(
5            D.body.scrollHeight, D.documentElement.scrollHeight,
6            D.body.offsetHeight, D.documentElement.offsetHeight,
7            D.body.clientHeight, D.documentElement.clientHeight
8        );
9        $(this).css('height', innerHeight + 'px');
10    });
11}