c# - 模态弹出扩展器的滚动条

Question

我有以下模态弹出扩展程序:

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

我想要它的 scollbar。

我引用了 How can I make the modal popup scroll its contents with the page?并使 css 像:

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

但仍然没有滚动条，(我还提到了面板的 Height="500px"。

请帮帮我。

Answer 1

您可以将您的面板内容包含在一个具有最大高度和溢出的 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>