ScrollPanel은 내부 위젯이 그 위젯보다 높을 때만 보이게하고 내부 위젯이 더 짧을 때 보이지 않게 만드는 방법은 무엇입니까?

Question

좋아요, 높이 = "500px"인 ScrollPanel이 있다고 가정 해보십시오. 해당 ScrollPanel 안에 HTMLPanel이 있습니다.

경우에 따라 HTMLPanel의 콘텐츠가 더 많아서 "500px"(예 : 700px)보다 높을 수도 있습니다. 다른 시간에는 HTMLPanel의 콘텐츠가 적어 "500px"(예 : 300px)보다 짧습니다.

HTMLPanel이 500px보다 높으면 스크롤바가 나타납니다. 그것은 의미가 있습니다. 문제 없음.

그러나 HTMLPanel이 500px (예 : 300px)보다 짧고 스크롤 막대가 나타나지 않지만 ScrollPanel의 높이가 여전히 500px 인 경우 문제가 발생합니다. 따라서 사용하지 않은 채로 200px 높이의 틈새가 있습니다. &은 낭비입니다. &이 용납되지 않습니다.

Pls는이

그래서, 어떻게 ScrollPanel를 만들기 위해이 그림을보고 만 볼 수는 내부 위젯이 높은 경우에 비해 그 &의 내부 위젯이보다 짧은 경우 표시되지?

CSS 또는 코딩을 통해 문제를 해결할 수 있습니까?

Answer 1

네, 그렇게 할 수 있습니다. ScrollPanel에 최대 높이를 부여 할 수 있습니다.

ScrollPanel p = new ScrollPanel(); 
p.getElement().getStyle().setProperty("maxHeight", "500px"); 

HTML 패널이 300px 일 때 스크롤 패널의 높이는 300px입니다. 는 HTML 패널 높이 인 경우> 500 픽셀의 화질 다음 ScrollPanel 스크롤 막대를

또 다른 방법이 표시됩니다 : 다음 CSS 될 것

당신이 .scp라는 ScrollPanel에 추가하는 클래스가 있다고 가정을

.scp 
{ 
    max-height: 500px 
} 

그런 다음 해당 클래스를 스크롤 패널에 추가하십시오.

ScrollPanel p = new ScrollPanel(); 
p.addStyleName("scp");