具有固定页面内容的画布菜单

Question

我有一个固定的菜单，我总是希望它位于我的页面顶部：

.fixed-menu{
    position: fixed;
    height: 75px;
    width: 100%;
    background: tomato;
}

我还想要一个非画布菜单。

我遇到的问题是，当您打开画布菜单时，固定菜单不再固定。

在玩完这个问题后，它与3d变换有关，但我找不到修复方法。

这是JSFiddle

Answer 1

如果你这样做，当菜单打开时，页面基本上被锁定http://codepen.io/rafibomb/pen/hApKk

基本上包装内容并使其溢出：滚动;

article {
  overflow-y: auto;
}