Javascript 如何在具有自定义滚动和固定位置的左侧菜单的右侧显示子菜单

我已经为我的左侧菜单做了自定义滚动，但是当我试图将子菜单显示到我的“leftsidemenu”的右侧时，问题出现了，它隐藏在scroll div中

为了测试，我在左菜单3中添加了子菜单

试图在这种模式下实现

下面是代码

$（文档）.ready（函数（）{
/*卷轴*/
变量$scrollable=$（'.scrollable'）；
变量$scrollbar=$（'.scrollbar'）；
变量$windowHeight=$（窗口）；
$scrollable.outerHeight（true）；
var H=$windowHeight.outerHeight（真）；
var sH=$scrollable[0]。scrollHeight；
var sbH=H*H/sH；
$（'.scrollbar'）。高度（sbH）；
$scrollable.on（“滚动”，函数（）{
$scrollbar.css（{top:$scrollable.scrollTop（）/H*sbH}）；
});
/*菜单*/
var parentHeight=$（窗口）.height（）；
$（“.parent”）.css（{“height”：parentHeight}）
$（窗口）。调整大小（函数（）{
var parentHeight=$（窗口）.height（）；
$（“.parent”）.css（{“height”：parentHeight}）
});
$（“#leftSideMenu li[class='dropdown']”）。在（“单击”，函数（）上）{
$（“.dropdownlist”，this.toggle（）；
})
});
/*滚动css*/
.家长{
位置：相对位置；
溢出：隐藏；
宽度：230px；
背景：ddd；
浮动：左；
}
.可滚动{
溢出y：滚动；
溢出x：隐藏；
宽度：250px；
身高：100%；
}
.滚动条{
位置：绝对位置；
溢出：自动；
顶部：0px；
右：0px；
z指数：2；
背景：#444；
宽度：7px；
边界半径：5px；
不透明度：0.7；
}
/*菜单*/
#左侧菜单{宽度：250px；}
#leftSideMenu ul{列表样式：无；填充：0；边距：0；背景色：#0FACF3；}
#左侧菜单ul li{}
#左侧菜单ul li a{填充：15px 5px；显示：块；颜色：#fff；字体大小：14px；边框底部：1px实心#ccc；}
#leftSideMenu ul li.下拉列表{显示：无；左：250px；位置：绝对；z索引：10000；}
#leftSideMenu ul li.下拉列表li a{padding:10px 15px 10px 25px；}




































测试数据
可能由于
溢出：隐藏
和
溢出-x:hidden
而隐藏-请尝试更改/删除these@VXp我尝试了你的解决方案，但由于菜单的固定位置，它不起作用。如果没有固定位置，你可以实现它，根据需要自定义给定的示例。