css - 溢出 : hidded doesn't work when hiding an absolute positioned div

Question

我刚刚重新创建了 Dev Ed 的汉堡包导航栏，但它没有按预期工作。完整代码是 here .我试图在 nav-links 容器上设置 position:relative，但这没有帮助。我能做些什么？ (代码在 pc chrome 中有效，但尝试使用开发工具响应模式访问网站，您会看到 nav-links 可见...)请帮助我!一些代码(但它不起作用):

  body {
    overflow-x: hidden;
  }
  nav {
  }
  .nav-links {
    position: absolute;
    right: 0px;
    height: 92vh;
    top: 8vh;

Answer 1

试试这个

body {
    overflow-x: hidden;
  }
  nav {
position:relative;
  }
  .nav-links {
    position: fixed;
    right: 0px;
    height: 92vh;
    top: 8vh;

将位置更改为固定并使导航位置相对应满足您的要求？