选择后隐藏css菜单不使用滚动条

我有一个css菜单，一直运作良好。现在，我想在其中一个菜单中添加一个滚动条，以防页面过长。问题在于，当您尝试在滚动条上单击鼠标时，会触发“选择时隐藏”菜单。有人知道我该怎么解决这个问题吗

下面是一个JSFIDLE演示问题

最后两个菜单选项具有带滚动条的弹出按钮。
这是我添加的新CSS，它正在创建问题

.addScroll {
  max-height: 200px;
  overflow-y: scroll;
}

.addScroll:active {
  display:none;
}

此外，当您将鼠标放在“10代码”或“11代码”的左半部分时，会出现一个空的ul。我也想阻止这种情况发生。如果有人能看到我什么时候出了问题，我会非常感谢你的帮助

---

提前感谢：）

当我们单击滚动条时，我理解为什么它会隐藏

.cssmenu:active ul ul *{
  display:none;
}

.addScroll:active {
  display:none;
}

以上两个css实际上造成了这个问题。 在第一个例子中，我们要说的是，当ul-inside-ul在div中处于活动状态，然后隐藏它，所以当我们点击滚动条时，实际上是ul在点击滚动条时变为活动状态，这个css被激活，并将display设置为none，这实际上隐藏了它

第二个css
.addScroll.active也同样适用于子UL的“addScroll”css和相同的用例，即当子UL变为活动时，隐藏它。当我们点击滚动条时，它会被激活并隐藏

---

希望这有帮助。

是的，选择时隐藏弹出式菜单是原始菜单的一部分。就在添加滚动条的时候，所有的问题都出现了。您是否可以建议另一种隐藏弹出式菜单的方法，该菜单在使用滚动时不会触发。