부트 스트랩 사이드 바 스크롤 할 수 없음 100 % 높이

Question

현재 화면 왼쪽에 부트 스트랩 사이드 바가 있습니다. height은 100%으로 설정됩니다. 그러나 콘텐츠가 화면 하단을 지나갈 때 스크롤 할 수 없습니다.

나는 내 문제와 매우 유사한 this Stack Overflow 질문을 보았습니다. 의견 중 하나는 내 신장이 100 %로 설정 될 수 있다고 언급했습니다.

콘텐츠를 스크롤 할 수 있는지 확인하기 위해 테스트를 100px로 높이를 설정하려고 시도했습니다.

내 질문은 스크롤 할 수있는 사이드 바에 콘텐츠를 만들고 특정 픽셀 값을 설정하는 대신 높이를 100%으로 유지하는 방법이 있습니까?

편집 :

아래는 #sidebar-wrapper 내 현재 CSS입니다.

#sidebar-wrapper { 
    overflow-y: scroll; 
    z-index: 1000; 
    position: fixed; 
    left: 175px; 
    width: 175px; 
    height: 100%; 
    margin-left: -175px; 
    overflow-y: auto; 
    background: #222222; 
    -webkit-transition: all 0.5s ease; 
    -moz-transition: all 0.5s ease; 
    -o-transition: all 0.5s ease; 
    transition: all 0.5s ease; 
} 

Answer 1

업데이트 :

웹 사이트에 특정 코드를 통과 한 후. 고정 위치 된 사이드 바에는 CSS 속성 top:52px이 필요합니다.이 나비 바를 사용하면 사이드 바를 브라우저 창의 아래쪽까지 확장 할 수 있도록 높이가 52px 및 bottom:0px 인 네비게이션 바를 조정할 수 있습니다.

#sidebar-wrapper { 
    z-index: 1000; 
    position: fixed; 
    left: 175px; 
    top: 52px; 
    bottom: 0px; 
    margin-left: -175px; 
    overflow-y: auto; 
    background: #222222; 
    -webkit-transition: all 0.5s ease; 
    -moz-transition: all 0.5s ease; 
    -o-transition: all 0.5s ease; 
    transition: all 0.5s ease; 
} 

올드 답변 : 여기

는 bootsnipp.com/에서 일부 샘플 코드와 코드의 간단한 작업 조각입니다. JSFiddle을 참조하십시오. 코드가이 형식으로 구성되는 경우 CSS가 아래에 다음 ID #sidebar-wrapper

에 CSS 속성 overflow-y:scroll를 추가 항상 스크롤을 추가해야하는 경우

그래서, 다음 부트 스트랩, 내부 스크롤 사이드 바 처리됩니다 내가 말하는거야.

#sidebar-wrapper { 
    margin-left: -250px; 
    left: 250px; 
    width: 250px; 
    background: #000; 
    position: fixed; 
    height: 100%; 
    overflow-y: auto; 
    z-index: 1000; 
    transition: all 0.4s ease 0s; 
} 

JSFiddle Demo