modalpopup擴展程序的滾動條

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>

我想為此而生。

我參考了如何使模式彈出窗口隨頁面滾動其內容？ 並使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>

Answer 2

您應該將CSS屬性賦予“ popup” css類。 使用如下所示的類

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