중첩 된 HTML 패널의 스크롤 막대

Question

중첩 된 HTML 패널이있는 UI가 있습니다.

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

"ap-mainPanel"은 현재 장소 소유자이고 비어 있습니다.

.ap-scrollPanel{ 
    overflow: hidden; 
} 

내부 패널에서 스크롤 막대를 볼 수 없습니다. 나는 height : 101 %를 ap-MainPanel에 추가하려고 시도했지만 작동하지 않았다. ap-MainPanel에서 하드 코딩 된 높이를 500px로 지정하려고 시도했지만 일부 내용의 경우 스크롤바가 표시되었습니다. 대부분의 경우 허용되는 하드 코딩 된 값으로 작업해야합니까 아니면 다른 방법이 있습니까?

Answer 1

컨테이너가 비어 있으면 높이가 없으므로 스크롤이 없습니다.

이 시도 : 항상 용기에 표시 세로 스크롤 막대를 만들

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

.

Answer 2

Inner Panel 높이를 설정하지 않으면 스크롤 패널을 볼 수 없습니다. 이유는 레이아웃 패널을 사용하고 있거나 내부 패널 또는 상위 패널에서 높이를 높이기 때문일 수 있습니다. 픽셀 단위로 Inner Panel의 높이를 설정하거나 Layout Panels을 사용하십시오. scroll` :

여기

What's the difference between TabPanel and TabLayoutPanel in GWT

GWT: DataGrid - set height 100% not rendering properly