選擇後不隱藏CSS菜單不使用滾動條

Question

我有一個工作正常的CSS菜單。現在我想在頁面太長時爲其中一個菜單添加一個滾動條。問題是當您嘗試在滾動條上單擊鼠標時，選擇的隱藏菜單會觸發。任何人有任何想法我可以解決這個問題？

這裏是一個展示的jsfiddle問題...

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

最後兩個菜單選項有滾動條的彈出窗口。
這是新的CSS我補充說，正在創建的問題...

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

.addScroll:active { 
    display:none; 
} 

此外，當您按下鼠標上的不是「10碼」或「11碼」左半邊空UL出現。我想阻止這種情況的發生。如果任何人都能看到我什麼時候出錯，我會非常感激一點幫助。

感謝提前:)

Answer 1

我理解這個問題，當我們點擊滾動條

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

.addScroll:active { 
    display:none; 
} 

以上兩個CSS實際上是創建這個問題爲什麼它被隱藏。 第一個我們說的是ul內部的ul在div裏面，在我們的情況下是活動的然後隱藏它所以當我們點擊滾動條時，它實際上是UL，當我們點擊滾動條並且這個css被激活並將顯示設置爲無實際隱藏它。

和第二個css
.addScroll.active也是相同的「addScroll」css應用於子UL和相同的用例，即當子UL變爲活動狀態時，隱藏它。當我們點擊滾動條時，它變得活躍並隱藏它。

希望這幫助。