Question

我有一个带嵌套HTML面板的用户界面。

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

“ap-mainPanel”目前是占位符，为空。

.ap-scrollPanel{
    overflow: hidden;
}

我无法在内部面板上看到滚动条。我尝试将高度：101％添加到ap-MainPanel，但它没有用。我尝试在ap-MainPanel中指定500px的硬编码高度，并显示某些内容的滚动条。我们是否必须使用在大多数情况下可接受的硬编码值，还是有其他方法？

Answer 1

如果容器是空的，那么没有高度，所以没有滚动。

试试这个：

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

使垂直滚动条始终在容器中可见。

Answer 2

如果您未设置Inner Panel的高度，则无法看到滚动面板。原因可能是您正在使用布局面板，或者您在内部面板或其父级中使用百分比高度。以像素为单位设置Inner Panel的高度，或者使用Layout Panels。

以下是有用的链接