asp.net - 滚动在具有多个 div 部分的更新面板中不起作用

Question

我有一个更新面板。更新面板的顶部应该是冻结的，底部应该是可滚动的。所以我把更新面板一分为二；一个具有固定宽度且没有滚动，另一个具有滚动。请参见下面的代码：

  <asp:UpdatePanel runat="server" ID="UpdatePanel1">
        <ContentTemplate>
            <div>
                <asp:Panel ID="ControlBar" runat="server" CssClass="Toolbar">
                    <%--Some popup buttons are here -->
                </asp:Panel>
            </div>

            <div id="scrollableSectionDiv" style="position: relative; width: 100%; height: 88%; overflow: auto;">
  <%--Some fields are here -->
</div>
</asp:UpdatePanel>   

我在第二个中有一个下拉列表，它根据刷新 UpdatePanel 的值填充另一个下拉列表。问题是更新面板重新加载后滚动不准确，它没有显示下面的所有控件，即滚动不完整。但是，如果我重新调整浏览器的大小或只是刷新浏览器，滚动就会开始工作。请提供一些解决方案。提前致谢。

Answer 1

您是否尝试过使用 Panel 控件而不是第二个 div？

<style type="text/css">
.scrollingControlContainer
{
    overflow-x: hidden;
    overflow-y: scroll;
    width: 490px;
}

.scrollingList
{
    border: 1px Black solid;
    margin-top: 10px;
    height: 500px;
}
</style>

<asp:Panel ID="pnl" runat="server" 
       ScrollBars="Auto"  
       CssClass="scrollingControlContainer scrollingList"> 
        <div style="height:88%">
           <%--Some fields are here --%>
        </div>
</asp:Panel>

请注意，您不应以百分比设置面板宽度和高度。