如何在菜单上使用滚动条时显示子菜单？

Question

早上好，我有一个菜单，你需要它有一个垂直的侧栏。正如你在图片中看到的，我可以添加它。但是，当鼠标指针悬停在菜单项上时，子菜单会出现，但它们会被条形图隐藏。我希望子菜单保持与条形重叠，即它们出现在前面，而不是隐藏。已经尝试更改子菜单的z-index，但它没有用。任何人都知道任何替代方案，或者我该如何解决这个问题？

然后，由于系统菜单全部动态安装，我在jsFiddle中创建了一个示例。问题是菜单有子菜单，当我尝试访问它们时，它们在创建滚动条的框内“。链接：jsfiddle.net/tBJe3/10 /

谢谢你！

Answer 1

尝试这个，

.menuLateral {
    margin-left: 4px;
    margin-top: 1%;
    position: relative;
    width: 35%;
    height:200px;
    color: #B2C2B9;
    float: left;
    overflow:visible;
} 

http://jsfiddle.net/tBJe3/11/

Answer 2

在您的代码中，您为几乎所有容器设置了position: relative;。如果您将其删除，则absolutely positioned子菜单将与文档相关，并且也位于scrollable内容之上。

以下是JSFiddle中代码的更新版本。

请注意，通过这种方式，您的某些sub-menu将无法显示在您想要的位置。因此，您可能需要使用固定位置或使用JavaScript 手动（以及动态）定位它们。