如何獲得這個子元素的溢出自動顯示，當父母是溢出隱藏？

Question

小提琴here

正如你可以看到我試圖創建一個全屏疊加導航。我已將身高設置爲200％，並且覆蓋導航顯示我將身體設置爲overflow: hidden;。

我還設置了重要的疊加導航性能：

.flexbar .overlay-menu { 
    position: fixed; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    height: 150%; 
    overflow: auto; 
} 

我設置在離機會測試目的高度150％，有更多的菜單項比屏幕可以顯示較小屏幕。我希望用戶能夠在疊加導航中進行滾動，但由於某種原因，我的overflow: auto;不起作用？

Answer 1

我認爲從長遠來看，與高度（150％，200％）混雜會影響您的佈局。我分叉你的JSFiddle，並將高度改回100％。我也用overflow-x: scroll，如果我正確理解你的問題，我認爲應該解決你的問題。

小提琴：https://jsfiddle.net/52gsf85c/