"오버 플로우 : 스크롤;"에 대한 대안 div에 영구 수직 스크롤바를 만드시겠습니까?

Question

나는 영구적 인 수직 스크롤바가 필요한 div가있다. div에 초과 콘텐츠가 포함될 필요가있을 때가 있기 때문에 때때로 스크롤바가 필요할 것입니다. div에 초과 콘텐츠가없는 경우에도 스크롤바가 포함되기를 원할 때도 모양이 일관되기를 원합니다. 나는이 시도하지만 과잉 내용이없는 경우는 스크롤바를 추가하지 않습니다 : 나는 또한 (HTML과 몸이 100 %로 설정되어있다)하지만 전체 페이지를 스크롤 200 % 높이를 증가하려고

div#collection 
{ 
    margin: 0 0 0 0; 
    padding: 0 0 0 0; 
    border: 0 0 0 0; 
    float: right; 
    width: 200px; 
    height: 100%; 
    background: white; 
    overflow:scroll; 
} 

- 내가 원하는 바가 아닙니다. 페이지의 나머지 부분이 그대로있는 채로 div를 혼자서 스크롤하고 싶습니다.

제안 사항?

Answer 1

시도를하고 싶은 일을하고 높이로 설정합니다 : 101 %입니다.

div.verticalscroll { 
    overflow: auto; /* For browsers that can't do overflow-y */ 
    overflow-y: scroll; /* Controls overflow on the y-axis */ 
} 

이 http://www.brunildo.org/test/Overflowxy2.html

Answer 2

사용 overflow:auto 당신이 사업부 내에서 래퍼 컨테이너를 넣어

Answer 3

대부분의 최신 브라우저는 CSS3의 오버 플로우-x와 오버 플로우-Y를 지원 스크롤 ... 트릭을 할 것이라고!

Answer 4

시도 오버 플로우-Y를 참조하십시오 :

Answer 5

상단 컨테이너에 높이와 overflow-y : scroll을 지정하고 나머지 높이에 최소 높이가 컨테이너 높이보다 몇 픽셀 높게 설정된 하위 컨테이너가 있어야합니다.

div#collection 
{ 
    margin: 0 0 0 0; 
    padding: 0 0 0 0; 
    border: 0 0 0 0; 
    float: right; 
    width: 200px; 
    height: 400px; 
    background: white; 
    overflow:scroll; 
} 

div#sub { 
    min-height: 402px; 
} 

<div id="collection"> 
    <div id="sub"> 
     Content goes here. 
    </div> 
</div> 

Answer 6

overflow: -moz-scrollbars-vertical; 
overflow-y: scroll; 

이 당신에게