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，如果我能正确理解你的问题，我认为应该解决你的问题。