2012-02-01 3 views
0

ここでは非常にトリッキーな状況ですが、私は多くのことを試しましたが、理解できません。私はiframeに続いています:メインページのサイドバーでiframeをスクロールする

<div id="content"> <iframe id="iF" name="if" marginwidth="0" marginheight="0" frameborder="0" src=""></iframe> 
</div> 

ソースはこれにjqueryで入力します。問題は、ソースが入力されたときに高さと幅が2つ大きいことです。だから私は2つのスクロールバーを参照してくださいiframeデータがメインページのスクロールバーで移動することはありますか。 2つの異なるスクロールバーを追加するのではなく は、ここで私は、今見ています何の画像です:あなたはコンテンツが満たされた後にサイズを変更する必要が double scrollbars

答えて

1

、これはJavascriptを使用して行うことができます。

<script type="text/javascript"> 
    function iframeLoaded() 
    { 
     var iFrameID = document.getElementById('idIframe'); 

     if(iFrameID) 
     { 
      // here you can meke the height, I delete it first, then I make it again 
      iFrameID.height = ""; 
      iFrameID.height = iFrameID.contentWindow.document.body.scrollHeight + "px"; 
     } 
    } 
</script> 


<iframe id="idIframe" onload="iframeLoaded()" ... 

他のソリューションは、あなたの窓のすべての幅/高さを得るために、100%のように、persent値に高さと幅を追加し、とiframeのスクロールバーを非表示にすることです。

関連する問題