Javascript 菜单中的粘滞DIV

我试图用

class=“menu\uu overlay--bottom”设置DIV

始终保持底部。我也尝试过“绝对”定位，但不起作用。你能帮忙吗

$（“.menu\u链接”）。单击（函数（）{
$（“#menu_umain”）。切换类（“活动”）；
$（“菜单覆盖”）.toggleClass（“活动”）；
$（“.menu\uu close”）.toggleClass（“活动”）；
});
。菜单覆盖{
身高：100%；
宽度：0；
位置：固定；
z指数：1；
排名：0；
左：0；
溢出x：隐藏；
过渡：0.5s；
盒影：0 3px 8px 0 rgba（0,0,0,0.5）；
背景色：#ffffff；
}
.menu\u覆盖--主菜单{
位置：相对位置；
}
.菜单覆盖--内容{
宽度：100%；
填充：20px 0 20px 100px；
边缘底部：50px；
}
.菜单覆盖--内容h2{
字号：18px；
字号：600；
颜色：#455cbc；
保证金：0；
}
.菜单覆盖--内容h3{
字号：18px；
颜色：#858585；
}
.菜单覆盖--内容h3跨度{
颜色：#9b9b9b；
左边距：20px；
}
.菜单覆盖a{
颜色：#4a4a4a；
显示：块；
过渡：0.3s；
}
.菜单覆盖a:悬停，.菜单覆盖a:焦点{
颜色：#f1f1；
}
.菜单覆盖--列表{
列表样式：无；
左侧填充：15px；
}
.menu\u覆盖--列表li{
填充：7px0；
}
.menu__覆盖--列表li span{
颜色：#9b9b9b；
左边距：20px；
}
.菜单覆盖-底部{
背景色：#f1f6ff；
填充：20px 0 20px 100px；
位置：固定；
底部：0；
宽度：100%；
}
.menu\u覆盖--名称{
盒影：0 2px 10px 0 rgba（0,0,0,0.21）；
背景图像：线性梯度（327deg，#445bbc，#3274bb）；
颜色：#fff；
字体大小：10px；
颜色：#fff；
字体大小：10px；
边界半径：50%；
宽度：20px；
高度：20px；
显示：内联块；
填充：2px6px；
垂直对齐：底部对齐；
右边距：5px；
}
.菜单覆盖--bg.active{
身高：100%；
宽度：100%；
位置：固定；
背景色：rgba（0,0,0,0.53）；
z指数：1；
}
#主菜单{
位置：固定；
排名：0；
底部：0；
宽度：300px；
左：-315px；
身高：100%；
-webkit转换：翻译（0px，0px）；
-moz变换：平移（0px，0px）；
-o变换：平移（0px，0px）；
-ms变换：平移（0px，0px）；
转换：转换（0px，0px）；
-webkit转换：0.30秒易用性；
-moz转换：0.30s易用性；
-o-过渡：0.30s易失性；
过渡：0.30秒缓解；
z指数：999999；
}
#菜单\uuu main.active{
-webkit转换：翻译（260px，0px）；
-moz变换：平移（260px，0px）；
-o变换：平移（260px，0px）；
-ms转换：转换（260px，0px）；
转换：转换（260px，0px）；
}
.菜单关闭{
宽度：100%；
-webkit转换：翻译（0px，0px）；
-moz变换：平移（0px，0px）；
-o变换：平移（0px，0px）；
-ms变换：平移（0px，0px）；
转换：转换（0px，0px）；
-webkit转换：0.30秒易用性；
-moz转换：0.30s易用性；
-o-过渡：0.30s易失性；
过渡：0.30秒缓解；
}
.菜单\关闭。激活{
-webkit转换：翻译（260px，0px）；
-moz变换：平移（260px，0px）；
-o变换：平移（260px，0px）；
-ms转换：转换（260px，0px）；
转换：转换（260px，0px）；
位置：固定；
z指数：2；
身高：100%；
}
.菜单\关闭.活动.菜单\链接{
宽度：100%；
身高：100%；
显示：块；
}
.菜单\关闭.激活.菜单\链接img{
显示：无；
}

可滚动菜单

不管这里有什么内容

不管这里有什么内容

可滚动菜单

可滚动菜单

可滚动菜单

可滚动菜单

可滚动菜单

可滚动菜单

坚持到底

我希望这有助于解决您的问题。
我已通过以下操作解决了此问题：

.menu__overlay--content {
  width: 100%;
  padding: 20px 0 20px 50px;
  margin-bottom: 50px;
  overflow-y: scroll;
}
#menu__main {
  overflow-y: hidden;
}

.menu__overlay--content {
  width: 100%;
  padding: 20px 0 20px 50px;
  margin-bottom: 50px;
  overflow-y: scroll;
}
#menu__main {
  overflow-y: hidden;
}