面板的垂直滚动条不在firefox浏览器中工作 [英] Vertical scroll bar of panel not working in firefox browser

问题描述

我在模型弹出扩展程序面板中向最终用户显示了一些信息...我在面板中使用了垂直滚动条becoz面板的内容太长。面板及其滚动条在Google Chrome浏览器中都很好..但在Firefox垂直栏中没有在面板中。我无法向下滚动面板，我无法查看更多信息.....如何解决这个问题？



< ajax：modalpopupextender ID =AllInfoExtenderBehaviorID =AllInfoExtenderrunat =serverPopupControlID =AllInfoPanelTargetControlID =MorelblCancelControlID =CloseimgBackgroundCssClass =modalBackground>



< asp ：Panel ID =AllInfoPanelrunat =serverWidth =750pxHeight =95％

BackColor =＃FFFFFFstyle =border-radius：10px;> < br $>




cellpadding =3cellspacing =3>

< tbody> 读取此.. < asp：Image ID =Closeimgstyle =cursor：pointer ToolTip =CloseWidth =25pxHeight =25pxImageUrl =〜/ images / Close_png.pngrunat =server/>

< asp：Panel ID =Panel1Width =100％Height =100％style =padding-right：10pxrunat =serverScrollBars =Vertical> < asp：DataList ID =InfoDLWidth =100％runat =serverCellPadding =5OnItemDataBound =StateDL_ItemDataBound> < itemtemplate> < asp：Label ID =lbl1CssClass =titleTextstyle =padding-bottom：25px; runat =serverToolTip ='<％＃Eval（Title）％>'Text ='<％＃Eval（Title）％>'/> <％＃Eval（Description）％>

我在datalist中绑定文章..所以高度datalist太长了..所以只定义一个panel1有一个滚动条..但是在firefox浏览器中我只看到了第一篇文章的详细信息...滚动条不起作用...

I am showed some info to end user in model popup extender panel... I have used Vertical Scroll bar in a panel becoz content of the panel is too length. Panel and its scroll bar are fine in Google chrome browser.. But in Firefox vertical bar not in panel. I cant scroll down in panel and i cant view more info..... How to solve this problem?

<ajax:modalpopupextender ID="AllInfoExtender" BehaviorID="AllInfoExtender" runat="server" PopupControlID="AllInfoPanel" TargetControlID="Morelbl" CancelControlID="Closeimg" BackgroundCssClass="modalBackground">

<asp:Panel ID="AllInfoPanel" runat="server" Width="750px" Height="95%"
BackColor="#FFFFFF" style="border-radius:10px; ">


cellpadding="3" cellspacing="3" >

Read This.. <asp:Image ID="Closeimg" style="cursor:pointer" ToolTip="Close" Width="25px" Height="25px" ImageUrl="~/images/Close_png.png" runat="server" />

<asp:Panel ID="Panel1" Width="100%" Height="100%" style="padding-right:10px" runat="server" ScrollBars="Vertical"> <asp:DataList ID="InfoDL" Width="100%" runat="server" CellPadding="5" OnItemDataBound="StateDL_ItemDataBound"> <itemtemplate> <asp:Label ID="lbl1" CssClass="titleText" style="padding-bottom:25px;" runat="server" ToolTip='<%# Eval("Title") %>' Text='<%# Eval("Title") %>' /> <%# Eval("Description") %>

I have bind articles in datalist .. so the height of the datalist is too length.. so only am define a panel1 have a scroll bar.. but in firefox browser i have seen first article details only ... scroll bar not working...

推荐答案

我尝试使用以下代码的小POC，并在所有浏览器中显示垂直滚动条 - IE，Chrome，FireFox等。

Hi, I tried a small POC with the following code and the vertical scrollbar is showing in all browsers - IE, Chrome, FireFox, etc.

<asp:Panel ID="Panel1" runat="server" Height="100px" Width="250px" ScrollBars="Vertical">
    <asp:CheckBoxList ID="CheckBoxList1" runat="server">
        <asp:ListItem>Item-1</asp:ListItem>
        <asp:ListItem>Item-2</asp:ListItem>
        <asp:ListItem>Item-3</asp:ListItem>
        <asp:ListItem>Item-4</asp:ListItem>
        <asp:ListItem>Item-5</asp:ListItem>
        <asp:ListItem>Item-6</asp:ListItem>
        <asp:ListItem>Item-7</asp:ListItem>
        <asp:ListItem>Item-8</asp:ListItem>
    </asp:CheckBoxList>
</asp:Panel>

你可以尝试一下，让我们知道你的结果吗？

- DD

Can you try this and let us know your outcome?
- DD

这篇关于面板的垂直滚动条不在firefox浏览器中工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！