2

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

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

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

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

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

请帮我。

4

2 回答 2

7

您可以将面板内容包含在具有最大高度和溢出的 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>
于 2013-10-16T08:24:29.340 回答
2

您应该将 CSS 属性赋予您的“popup”css 类。使用下面给出的类

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

于 2013-10-16T08:29:43.023 回答