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

Question

我有一个css菜单一直工作正常。现在我想在页面过长时向其中一个菜单添加滚动条。问题是当您尝试在滚动条上单击鼠标时，会触发选择上的隐藏菜单。任何人都知道如何解决这个问题？

这是一个证明问题的方法......

https://jsfiddle.net/design523/xtk9bdL0/

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

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

.addScroll:active {
  display:none;
}

此外，当你将鼠标放在左边的一半＆＃34; 10个代码＆＃34;或＆＃34; 11代码＆＃34;出现一个空的ul。我想阻止这种情况发生。如果有人能看到我什么时候出错，我真的很感激一点帮助。

提前致谢：）

Answer 1

我理解当我们点击滚动条时隐藏它的原因

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

.addScroll:active {
  display:none;
}

以上两个css实际上是在创建此问题。 首先我们说的是当ul里面的ul在div中，在我们的情况下，是活动的然后隐藏它所以当我们点击滚动条时它实际上是UL当我们点击滚动条并且这个css被激活时变为活动状态将display设置为none，实际隐藏它。

第二个css     .addScroll.active也相同＆＃34; addScroll＆＃34; css适用于儿童UL和相同的用例，即当儿童UL变为活动时，隐藏它。当我们点击滚动条时，它会变为活动状态并隐藏它。

希望这有帮助。