在Telerik RadWindow

Question

我有一个页面通过javascript在RadWindow中显示pdf报告，但由于某种原因，它有两组垂直滚动条：一组由Internet Explorer创建，另一组在PDF本身。

我以完全相同的方式显示其他PDF报告，我可以看到的唯一区别是报告是从不同的域加载的（只是开发环境中的不同端口，仍然是相同的物理服务器）方式）。

这不会发生在Chrome上，只会在IE上发生。即使在IE的开发工具中使用DOM编辑器，我甚至无法删除其中任何一个滚动条。

我试过给radwindow一个CSS类，它将溢出设置为隐藏并显示内联，报表页面本身也有html和body以及这些设置。

以下是我用来打开radwindow的javascript代码：

function showRadWindowSupply(url, title) {
var oWnd = $find("<%=_rwInvoice.ClientID%>");
oWnd.setUrl(url);
oWnd.set_title(title);
oWnd.show();
sizeRadWindowSupply(oWnd, 70, 80);
return false;
}
function sizeRadWindowSupply(oWnd, width, height) {
var browserWidth = $telerik.$(window).width();

var browserHeight = $telerik.$(window).height();
oWnd.setSize(Math.ceil(browserWidth * width / 100), Math.ceil(browserHeight * height / 100));
oWnd.center();
}

这是aspx页面上使用的RadWindow标记：

<telerik:RadWindowManager id="_rwm1" runat="server">
    <Windows>
        <telerik:RadWindow ID="_rwInvoice" runat="server" Behaviors="Close,Maximize" CssClass="holdsSplitter" AutoSize="false" VisibleStatusbar="false" Modal="true"  ></telerik:RadWindow>
    </Windows>
</telerik:RadWindowManager>

这是为RadWindow生成的HTML：

<div class="RadWindow RadWindow_Telerik rwNormalWindow rwTransparentWindow holdsSplitter" id="RadWindowWrapper_ctl00_ContentPlaceHolder1__rwInvoice" style="left: 204px; top: 58px; width: 957px; height: 472px; visibility: visible; position: absolute; z-index: 3001; -ms-touch-action: none; transform: none; backface-visibility: visible;" unselectable="on">
    <table class="rwTable" style="height: 433px;" cellspacing="0" cellpadding="0">
        <tbody>
            <tr class="rwTitleRow">
                <td class="rwCorner rwTopLeft">&nbsp;</td>
                <td class="rwTitlebar">
                    <div class="rwTopResize">
                        <!-- / -->
                    </div>
                    <table align="left" class="rwTitlebarControls" cellspacing="0" cellpadding="0">
                        <tbody>
                            <tr>
                                <td style="width: 16px;"><a class="rwIcon"></a></td>
                                <td><em style="width: 847px;" unselectable="on">Supply Orders Invoice</em></td>
                                <td nowrap="" style="white-space: nowrap;">
                                    <ul class="rwControlButtons" style="width: 62px;">
                                        <li><a title="Maximize" class="rwMaximizeButton" href="javascript:void(0);"><span>Maximize</span></a></li>
                                        <li><a title="Close" class="rwCloseButton" href="javascript:void(0);"><span>Close</span></a></li>
                                    </ul>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </td>
                <td class="rwCorner rwTopRight">&nbsp;</td>
            </tr>
            <tr class="rwContentRow">
                <td class="rwCorner rwBodyLeft">&nbsp;</td>
                <td class="rwWindowContent rwExternalContent" valign="top">
                    <iframe name="_rwInvoice" src="http://devsvr:87/Reports/StaticReports/OrderHistoryDetail.aspx?ID=1748" frameborder="0" style="border: 0px currentColor; width: 100%; height: 100%;"></iframe>
                </td>
                <td class="rwCorner rwBodyRight">&nbsp;</td>
            </tr>
            <tr class="rwStatusbarRow" style="display: none;">
                <td class="rwCorner rwBodyLeft">&nbsp;</td>
                <td class="rwStatusbar">
                    <table align="left" style="width: 100%;" cellspacing="0" cellpadding="0">
                        <tbody>
                            <tr>
                                <td style="width: 100%;">
                                    <input tabindex="-1" class="rwLoading" id="ctl00_ContentPlaceHolder1__rwInvoice_status" readonly="" unselectable="on"><label style="display: none;" for="ctl00_ContentPlaceHolder1__rwInvoice_status">status label</label></td>
                            </tr>
                        </tbody>
                    </table>
                </td>
                <td class="rwCorner rwBodyRight">&nbsp;</td>
            </tr>
            <tr class="rwFooterRow">
                <td class="rwCorner rwFooterLeft">&nbsp;</td>
                <td class="rwFooterCenter">&nbsp;</td>
                <td class="rwCorner rwFooterRight">&nbsp;</td>
            </tr>
        </tbody>
    </table>
</div>

非常感谢任何建议。