고정 된 위치 컨테이너 안에 스크롤 가능한 콘텐츠

Question

footer 메뉴를 클릭 할 때 열리는 오버레이 바닥 글이 포함 된 부트 스트랩 제작 웹 사이트가 있습니다.

이 꼬리말 안에는 스크롤 할 수있는 div에 고정 된 높이가 설정되면 올바르게 작동하는 스크롤 가능한 콘텐츠 영역이 있습니다. 사이트가 응답 할 때 나는 스크롤 가능한 영역을 가시적 인 창 밖으로 뻗어나가는 비율 높이로 필요로합니다.

예

은 여기에 있습니다 : http://jsfiddle.net/JUESu/5/

#footer-content { 
    position: fixed; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    background-color: black; 
    opacity: 1; 
    display: block; 
    color: #7f7f7f; 
    height:85%; 
} 

.scrollable { 
    overflow-y: scroll; 
    height: 50%; /* Doesnt Work */ 
    /*height: 300px; /* Works */ 
    width: 95%; 
    background: red; 
} 

가 어떻게 고정 된 위치 컨테이너 내부의 스크롤 사업부를 가질 수있다?

Answer 1

주는 최대 높이 여기

은 바이올린에게이다} 그것을

.scrollable { 
overflow-y: scroll; 
max-height:300px; 
height: 50%; 

width: 95%; 
background: red; 

해결해야 http://jsfiddle.net/JUESu/10/