div 세로 스크롤 막대 표시

우리 일반 막대와 비슷한 div (스크롤이없는 경우 회색으로 표시됨)의 세로 막대를 영구히 표시하는 것이 가능한지 궁금합니다. 기본적으로 전체 웹 사이트를 div (예 : Gmail/페이스 북)에 배치하려고하므로 페이지가 길면 세로 스크롤 막대가 없어 페이지 전체가 이동합니다.div 세로 스크롤 막대 표시

이 문제에 대한 해결책이 필요합니다. 나는 overflow-y : scroll을 시도했다. 그러나 전혀 작동하지 않는 것 같습니다.

출처

2009-05-08 Alec Smart

127

어떤 브라우저에서 테스트하고 있습니까?

어떤 DOCType을 설정 했습니까?

정확히 어떻게 CSS를 선언하고 있습니까?

overflow-y: scroll 앞뒤로 ;을 놓치지 않았습니까?

가 난 그냥 IE7과 파이어 폭스에서 다음 테스트했습니다 그것은

<!-- Scroll bar present but disabled --> 
<div style="width: 200px; height: 100px; overflow-y: scroll;"> 
    test 
    </div> 
<!-- Scroll bar present and enabled -->   
    <div style="width: 200px; height: 100px; overflow-y: scroll;"> 
    test<br /> 
    test<br /> 
    test<br /> 
    test<br /> 
    test<br /> 
    test<br /> 
    test<br /> 
    test<br /> 
    test<br /> 
    test<br /> 
    </div>

출처

2009-05-08 07:16:59

을 (당신은이 경우의 높이를 지정해야합니다) overflow-y: auto;를 사용뿐만 아니라 +1 –

또한 IE7과 파이어 폭스에서 테스트, 그냥

Hello

공장. – Staale

이것은 내가 사용중인 스타일 시트입니다. #main_container { \t width : 100 %; \t background-color : #eeeeee; \t overflow-y : 스크롤; \t 높이 : 100 %; \t 직위 : 절대; } –

당신은 overflow-y : auto를 시도 했습니까? 필요할 때만 스크롤바가 나타납니다.

출처

2009-05-08 07:15:32 kgiannakakis

항상 잘 작동 : 당신은 항상 수직 스크롤을 원하는 경우에, overflow-y: scroll;

jsFiddle:

<div style="overflow-y: scroll;"> 
...... 
</div>

를 사용

필요할 때 : 정점 만 원하는 경우 필요 알 스크롤 할 때, 이것은 IE8과 크롬에서 작동

jsFiddle:

<div style="overflow-y: auto; height:150px; "> 
.... 
</div>

출처

2015-03-25 01:40:14

div 세로 스크롤 막대 표시

답변

관련 문제