Question

所以我有一个更新面板。

它的css如下

#<%=mypanel.ClientID%> 
{
    border-style:inset;
    border-color: #724229;
    background-color: #AD816B;
    position: absolute;
}

所以这很有效。在更新面板内部，我还有一个滚动条。当我加载页面时它工作正常但由于某些原因，当面板内的某些内容更新时，滚动条上的CSS会混乱。

（正常条）

（更新后）

我无法弄清楚为什么会这样做。看看为什么它会这样做，但没有找到任何东西，只有Jquery，但它不使用jquery它是所有的CSS。

更新面板html

  <asp:UpdatePanel ID="UpdatePanel1" runat="server" class="notifications" UpdateMode="Conditional"
            ChildrenAsTriggers="true">
            <ContentTemplate>
                <div class="mCustomScrollbar content3 fluid light">
                    <table>
                        <tr>
                            <td style="width: 15%">
                                Action
                            </td>
                            <td style="width: 55%">
                                Description
                            </td>
                            <td style="width: 30%">
                                Date Added
                            </td>
                        </tr>
                        <tr>
                            <td>
                            </td>
                            <td>
                            </td>
                            <td>
                            </td>
                            <td>
                            </td>
                        </tr>
                    </table>
                </div>
            </ContentTemplate>
        </asp:UpdatePanel>

Answer 1

使用asp面板控件包装更新面板，如下面的代码所示，并将CSS样式添加到asp Panel控件而不是UpdatePanel。

您不应将CSS应用于更新面板。因此，与其他Web控件不同，它没有CssClass的属性。

<asp:Panel id="panel1" runat="server" 
          CssClass ="notifications mCustomScrollbar content3 fluid light">
  <asp:UpdatePanel ID="UpdatePanel1" runat="server"  UpdateMode="Conditional"
        ChildrenAsTriggers="true">
        <ContentTemplate>
            <div>
                <table>
                    <tr>
                        <td style="width: 15%">
                            Action
                        </td>
                        <td style="width: 55%">
                            Description
                        </td>
                        <td style="width: 30%">
                            Date Added
                        </td>
                    </tr>
                    <tr>
                        <td>
                        </td>
                        <td>
                        </td>
                        <td>
                        </td>
                        <td>
                        </td>
                    </tr>
                </table>
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>
</asp:Panel>

更新面板中的CSS混乱

1 个答案: