Question

我在asp.net应用程序中使用iframe。我正在使用Radmenustrip。当用户单击其中一个选项卡时，我将在Iframe中加载相应的页面。这里我想在内容不适合iframe的情况下向浏览器添加滚动条而不是iframe。默认情况下，我给出了100％的高度。我试过了 HTML {溢出-γ：滚动} 但它没有工作.. 这是我的代码

<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>

请尽快帮助我。感谢。

Answer 1

要将iframe的大小调整为内容，您必须查询IFrame contentDocument的高度。如果内容不是来自您的域，则这将成为一项挑战。

如果iframe溢出内容，请向浏览器添加滚动条

1 个答案: