滾動不能在具有多個div部分的更新面板中工作

我有更新面板。更新面板的頂部應凍結，底部應滾動。所以我將更新面板分成兩部分;一個具有固定的寬度並且不具有捲動而另一個具有捲動。請參見下面的代碼：滾動不能在具有多個div部分的更新面板中工作

<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值再次下調第二。問題是UpdatePanel的重新加載後滾動不準確，它不顯示下面的所有控件，即滾動不完整。但是，如果我重新調整瀏覽器的大小或僅刷新瀏覽器，則滾動開始工作。請提供一些解決方案。在此先感謝。

來源

2013-11-15 user2990950

您是否嘗試過使用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>

請注意，你不應該設置面板寬度和高度的百分比。

來源

2013-11-15 10:30:08 Alice

是的，我也試過這個。在固定尺寸的情況下，這個解決方案正在工作，但我不能硬編碼這些值。所以我甚至試着用最小寬度和最小高度來使用CssClass。但那也不起作用。另外一個奇怪的問題是，如果我指定高度，只有水平滾動條以外的東西才起作用。但是，如果我指定高度和寬度，那麼我面臨同樣的問題。 – user2990950

我不知道爲什麼你需要設置面板的高度爲百分比，如果你喜歡面板或div將隨着內容的高度展開，那麼使用滾動條並不重要。 – Alice

因爲，可以說我指定高度爲500px。這將爲該範圍外的控件添加滾動，並將滾動的高度設置爲500.現在假設用戶將分辨率更改爲更高的分辨率，網頁上的空間將更多，但仍然會出現滾動該部分儘管有自由空間。難道你不會看起來很醜嗎？ – user2990950

滾動不能在具有多個div部分的更新面板中工作

回答

相關問題