模态中的滚动条阻止Chrome中的用户操作

Question

我有一个模态对话框，可以在其中加载apsx页面。我的aspx页面中有一个表列出了一些客户。它在Internet Explorer中运行良好，但是当我使用谷歌浏览器打开它时，它给了我两个滚动条，我无法选择项目，请注意它只发生在第一项，如果我有两个以上的客户a可以选择第二个！

我真的不知道它是什么。

在IE 中运行。

在Google Chrome中运行

CODE：

1。打开对话框

var dialogwindow = new Mscrm.CrmDialog(Mscrm.CrmUri.create(webresourceurl), window, 598, 298);
dialogwindow.setCallbackReference(function (result) { alert(result) });
dialogwindow.show();

2。用于加载aspx页面的HTML页面

<form id="myForm" runat="server">
    <iframe width="590" height="280" id="IFrameCheckList" frameborder="0" scrolling="yes"></iframe>
</form>

3。 Aspx页面

.record_table {
    border-collapse: collapse;
}

.highlight {
     background-color: rgb(177, 214, 240);
    }

 <form id="form1" runat="server">
        <div>
            <asp:Table ID="MainTable" class="record_table" runat="server">
                <asp:TableRow BackColor="White">
                    <asp:TableCell CssClass="Titulo" Width="10px">
                        <label></label>
                    </asp:TableCell>

                    <asp:TableCell CssClass="Titulo" Width="250px">
                        <label>Proponente</label>
                    </asp:TableCell>

                    <asp:TableCell CssClass="Titulo" Width="130px">
                        <label>Tipo de Participação</label>
                    </asp:TableCell>

                    <asp:TableCell CssClass="Titulo" Width="90px">
                        <label> Participação</label>
                    </asp:TableCell>

                </asp:TableRow>
            </asp:Table>
        </div>

        <asp:Button CssClass="ConfirmButton" Style="padding: 0 0 0 0; border-radius:5px" ID="btnConfirmar" Text="Confirmar" runat="server" OnClientClick="btnConfirmarOnClick(); return false;" />

    </form>