html - 垂直菜单导航 - 菜单滚动时不显示子菜单

Question

在垂直菜单中，当菜单悬停时会显示子菜单。当有更多数量的菜单时，它会滚动。

问题

当菜单滚动时，我无法移动到子菜单。但我可以看到子菜单。

fiddle

我有 Fiddle Here

#magik-verticalmenu .verticalmenu.navbar-nav > li.dropdown:hover .dropdown-menu{
    display: block;
    opacity: 1;
    left: 100%;
    top: 0;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.35);
}

Answer 1

给你的子菜单添加一个负边距，它会超过滚动条

#magik-verticalmenu .verticalmenu.navbar-nav > li.dropdown:hover .dropdown-menu{
  display: block;
  opacity: 1;
  left: 100%;
  top: 0;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.35);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.35);
  margin-left:-20px;
}

http://jsfiddle.net/6fg4rafc/10/