左侧面板滚动

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 function：

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

谢谢...

编辑：如果有人遇到同样的问题，请在下面给出解决方案。但是在iOS上有一些令人不安的事情，在你到达滚动结束后，父对象（此代码中的#container）开始再次滚动。要避免这种情况，请将此行添加到.leftmenu：

-webkit-overflow-scrolling: touch;

Answer 1

您应该给.leftmenu一个高度或最大高度并将溢出设置为自动。

Answer 2

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