嵌套HTML面板中的滾動條

我有一個嵌套HTML面板的UI。嵌套HTML面板中的滾動條

Outer Panel-> <div style="height: 100%; width: 100%;"> 
    Inner Panel -> <div class="ap-mainPanel ap-scrollPanel">

「ap-mainPanel」是當前的佔位符，爲空。

.ap-scrollPanel{ 
    overflow: hidden; 
}

我無法在內部面板上看到滾動條。我試圖給ap-MainPanel添加高度：101％，但它沒有工作。我嘗試在ap-MainPanel中指定500px的硬編碼高度，並顯示了一些內容的滾動條。我們是否需要使用大多數情況下可以接受的硬編碼值，或者有其他方法嗎？

2014-10-07 sch

你爲什麼不使用'溢出：scroll'？ – Matthias 2014-10-07 09:20:48

我們另外使用這個。 .ap-scrollPanel：hover { \t overflow-y：auto; }。我們希望滾動條出現在懸停上。但我已經嘗試了溢出：滾動以及。但它沒有奏效。 – sch 2014-10-07 09:45:10

那麼如果容器是空的沒有高度，所以沒有滾動。

試試這個：

.ap-scrollPanel{ 
    height:500px 
    overflow-y: scroll; 
}

，使垂直滾動條一直在容器中可見。

2014-10-07 09:31:05 jorgeromero

如果您尚未設置Inner Panel的高度，將無法看到滾動面板。原因可能是您正在使用佈局面板，或者您正在內部面板或其父項中使用百分比高度。以像素爲單位設置Inner Panel的高度或使用Layout Panels。

這裏是有用的鏈接

2014-10-15 06:24:05

回答