如何获得这个子元素的溢出自动显示，当父母是溢出隐藏？

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/