왼쪽 패널 스크롤

Question

모든 웹 페이지 디자인은 반응이 좋습니다. 하나의 고정 헤더, 본문 컨테이너 및 왼쪽 메뉴가 있습니다. 톱 메뉴에서 아이콘을 클릭하면 왼쪽 메뉴가 바디 컨테이너로 열립니다.

2 문제가 있습니다 : 왼쪽 메뉴에서

1. , 나는 수직으로 스크롤 할 수 없습니다.
2. 스크롤하려고 할 때 본문이 스크롤됩니다.

내 CSS :

body { 
color:#000; 
background-color:#ffffff; 
max-width: 99.2%; 
margin: 0; 
} 

#container 
{ 
font-family: 'Open Sans',Verdana,Helvetica,Arial,sans-serif; 
width: 99.2%; 
margin: 0; 
background: #FFF; 
padding: 2em 0.5em; 
} 

.leftmenu 
{ 
display: none; 
min-width: 30%; 
max-width: 90%; 
background: #262626; 
z-index: 999; 
min-height: 200em; 
color: #ffffff; 
position: fixed; 
overflow: scroll; 
overflow-x: hidden; 
} 
.leftmenuContainer 
{ 
margin-left: 0.5em; 
width: 95%; 
} 

JQuery와 open 함수 :

$(".menuIcon").click(function() { 
     $('.leftmenu').toggle("slide"); 
     }); 

감사합니다 ...

편집 : 사람이 같은 문제가있는 경우, 용액은 아래와 같습니다. 하지만 iOS에서는 스크롤이 끝나면 부모 개체 (이 코드의 #container)가 다시 스크롤되기 시작합니다. 이를 방지하려면, .leftmenu이 줄을 추가 : 당신은 자동으로 높이 또는 최대 높이 설정하고 오버 플로우를 .leftmenu 제공해야

-webkit-overflow-scrolling: touch; 

Answer 1

. .leftmenu에서 100 %로

Answer 2

시도 설정 높이입니다. 사이트가 볼 수있는 URL은