Css 滑动移动导航溢出

我正在为我的网站设计一个移动导航选项，希望它从右边滑动

这是一个模型：

我遇到的问题是，默认情况下，当导航被隐藏时，页面会向右滚动

我尝试将

overflow:hidden

添加到

.mega wrapper

中，它会停止此滚动，但在单击切换按钮时也会隐藏导航

有什么想法吗

亲切问候,，

---

Neil

我认为添加overflow:hidden是一个很好的步骤。但在此之后，您需要定位绝对的

mega-wrapper\uuuu mobile-nav

和translateX

mega-wrapper\uuuu wrapper

和

mega-wrapper\uuu mobile-nav

---

从你的演示中，我做了一个

很好的演示，它看起来很有效，但我无法理解它在做什么。因此，我将.mega-wrapper和.mega-wrapper作为flex项目并排使用。导航定位是如何工作的？不在这里争论，就像把我的脑袋绕在它周围一样！：-）我重构了那个演示并删除了flexbox。因此，正如您所看到的，您只需要带有position:relative的包装（对于带有position:absolute的nav，您需要它），然后将

mega-wrapper\uu wrapper

设置为全尺寸宽度，然后移除nav设置nav的新位置，然后您可以更改translateX