模态弹出窗口扩展器的滚动条

本文关键字：滚动条扩展器窗口模态 | 更新日期: 2023-09-27 18:35:29

我有以下模式弹出窗口扩展器：

<asp:Label ID="lbl" runat="server"></asp:Label>

                                        <asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="lbl"
                                            PopupControlID="PnlUpdate" BackgroundCssClass="modalBackground"  >
                                        </asp:ModalPopupExtender>
                                        <asp:Panel ID="PnlUpdate" runat="server" Width="500px" CssClass="popup" Height="500px" >
                                            <asp:UpdatePanel ID="UpnlModal" runat="server" UpdateMode="Conditional">
                                                <ContentTemplate>
                                                    <table width="100%">
                                                        <tr>
                                                            <td align="right">
                                                                <table width="100%" align="center">
                                                                    <tr>
                                                                        <td class="Heading" align="center">
                                                                            <asp:Label ID="lblHeading" runat="server"></asp:Label>
                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                                <table align="center" width="70%">
                                                                    <tr>
                                                                        <td align="right" class="NormalText">
                                                                            <asp:DataList ID="dlMovies" runat="server" RepeatDirection="Horizontal" RepeatColumns="1"
                                                                                Width="100%">
                                                                                <ItemTemplate>
                                                                                    <table align="center" width="70%">
                                                                                        <tr>
                                                                                            <td align="left">
                                                                                                <asp:Label ID="lblMovieName" runat="server"></asp:Label>
                                                                                            </td>
                                                                                        </tr>
                                                                                    </table>
                                                                                </ItemTemplate>
                                                                            </asp:DataList>
                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </ContentTemplate>
                                            </asp:UpdatePanel>
                                        </asp:Panel>

我想为它提供斯科巴。

我参考了如何使模态弹出窗口与页面一起滚动其内容？并使 CSS 像：

.modalBackground 
{
    overflow : auto ;
    background-color:Black ;
    filter:alpha(opacity=65);
    -moz-opacity:0.65;                     
    Opacity:0.65; 
}

但仍然没有滚动条，（我也提到了面板的高度="500px"。

请帮助我。

模态弹出窗口扩展器的滚动条

您可以将面板内容包含在具有最大高度和溢出的div中：auto

<asp:Panel ID="PnlUpdate" runat="server" Width="500px" CssClass="popup" Height="500px" >
    <div id="Div1" runat="server" style="max-height: 500px; overflow: auto;">
        PANEL CONTENTS 
    </div>
</asp:Panel>

你应该把CSS属给你的"popup"css类。使用如下所示的类

.popup {overflow : auto ; height: 500px; }