4

コンテンツ(Webページ)の高さと幅に応じてiframeのサイズを変更しようとしています。スタックの他の回答で見つけたコードを使用しました。新しい幅の設定では、うまくいくようですが、その高さをうまく機能させることができず、理由がわかりません。

ここで私の例を見て編集できます: http://jsfiddle.net/dzorz/pvtr3/

ここに私のHTMLがあります:

<iframe id="finance-iframe" class="finance-iframe" src="http://wordpress.org" width="100%" height="300px" marginheight="0" frameborder="0" onLoad="autoResize('finance-iframe');"></iframe>

およびJavaScript:

function autoResize("finance-iframe"){
  var newheight;
  var newwidth;

  if(document.getElementById){
    newheight=document.getElementById("finance-iframe").contentWindow.document.body.scrollHeight;
    newwidth=document.getElementById("finance-iframe").contentWindow.document.body.scrollWidth;
  }

  document.getElementById("finance-iframe").height= (newheight) + "px";
  document.getElementById("finance-iframe").width= (newwidth) + "px";
}

私は何を間違っていますか?

4

2 に答える 2

6
<section id="about" data-type="background" data-speed="10" class="pages">
    <iframe src="index.html" id="demo_frame" align="center" scrolling="no"  frameborder="0" marginheight="0" marginwidth="0"></iframe>
</section>

<script>
        $('iframe').load(function() {
            this.style.height = this.contentWindow.document.body.offsetHeight + 'px';
        });
</script>
于 2013-09-12T13:55:34.583 に答える