左侧面板滚动

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的开放功能：

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

谢谢...

编辑：如果有人有相同的问题，解决办法如下。但有一点令人不安的是，在iOS上，在滚动结束后，父对象（此代码中的#container）开始再次滚动。为了避免这种情况，加入这一行.leftmenu：

-webkit-overflow-scrolling: touch; 

Answer 1

你应该给.leftmenu高度或最大高度并设置溢出汽车。

Answer 2

尝试设置高度为100％.leftmenu。