コンテンツにiframeがオーバーフローするとブラウザにスクロールバーを追加します。

asp.netアプリケーションでIframeを使用しています。私はRadmenustripを使用しています。ユーザーがタブをクリックすると、対応するページがIframeに読み込まれます。 iframeにコンテンツが収まらないときに、iframeにないスクロールバーをブラウザに追加したいと考えています。デフォルトでは、私は100％の高さを与えました。がここコンテンツにiframeがオーバーフローするとブラウザにスクロールバーを追加します。

<html> 
<head id="Head1" runat="server">  
    <style type="text/css"> 
     body 
     { 
      background-image: url('images/BG_Gradient.JPG'); 
      width:90%;   
      background-attachment: fixed; 
      background-position:center; 
     }   
    </style> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server"/> 
    <div id="right"> 
    <table border="0" width="100%" cellpadding="0" cellspacing="0" 
     style="height:58px;margin-top:0px;"> 
     <tr> 
      <td width="9%" height="100%" style="padding-left:0px" colspan="2"> 
      <asp:Image id="imgHeader" runat="server" 
        ImageUrl="~/images/Banner.gif" ImageAlign="Middle" Width="100%"/> 
      </td> 
     </tr> 
    </table> 
     <telerik:RadTabStrip ID="menuStrip" runat="server" CssClass="TabStrip1" 
      MultiPageID="RadMultiPage1" ClickSelectedTab="True" 
      UnSelectChildren="True" style="margin-left:9.5px;border-left-style:none;" 
      Width="98.5%" ShowBaseLine="True" 
      EnableEmbeddedSkins="False" Skin="Office2007" OnClientTabSelecting="OnClientTabSelecting" 
      OnClientTabSelected="OnClientTabSelected"> 
      <Tabs> 
      <telerik:RadTab Text="Tab1" NavigateUrl="Tab1.aspx" 
        CssClass="Tab1" Target="framebody"> 
      </telerik:RadTab> 
      </Tabs>    
    </telerik:RadTabStrip> 
    <iframe id="framebody" name="framebody" runat="server" scrolling="no" 
      frameborder="0"> 
    </iframe> 
    </div> 
    <asp:HiddenField ID="hdn_TabIndex" runat="server" /> 
    </form> 
</body> 
</html>

のplsはできるだけ早く私を助けて私のコード..ですが、その作業はありません： iは HTML {スクロールオーバーフロー-Y}でみました。ありがとう。そのコンテンツへのiframeのサイズにために

出典

2012-01-22 Ram

、あなたはその高さのためのIFrame contentDocumentを照会しなければなりません。コンテンツがあなたのドメインのものでない場合、これは挑戦になります。

出典

2012-01-22 11:56:50

こんにちはImはTab1.aspxページ内のiframe contentdocumentの高さを取得しようとしたが、443ピクセルのようなその与える値、VARフレーム= window.frameElementようにすることexactly.i'm与えていません。 frame.style.height = frame .contentwindow.document.body.scrollheight; – Ram

さて、私の経験から、body.scrollHeightは、Iframeを設定できる正確な番号を与えていません（これはFirefox用ですが、おそらく他のものもそうです）。私はそれがそのページでどのように行われているかによって異なります。たとえば、Iframeを私に与えた番号に調整すると、数値がより大きい数値（身長= 100％？）に変わることがあります。 offsetHeightを試してください。 –

こんにちは、IEでframe.style.height = frame.contentDocument.body.offsetHeight + 50 + 'px'を試しました。そのうまい仕事。 FireFoxでそのようにサポートしていないので、私はframe.style.height = frame.contentWindow.document.body.scrollHeight + 50 + 'px'を使用しました。最初はそのok.thoughのコンテンツ私は毎回コンテンツを削除しています。スタイル。高さが増え続ける。私がframe.contentWindow.document.body.scrollHeightを個別に調べるとうまく動作します。しかし、私は毎回frame.style incresingに割り当てる場合。あなたが私を助けることができます – Ram

コンテンツにiframeがオーバーフローするとブラウザにスクロールバーを追加します。

答えて

関連する問題