CSS：在没有2个滚动条的情况下滚动固定位置菜单覆盖？

Question

我有一个问题，需要滚动固定位置菜单，但外部主体已经有滚动条。即使我删除了外部主体的滚动条，菜单div的滚动条也会与“关闭”按钮相交，该按钮本身固定在屏幕的右上角。

从图像中可以看到有两个滚动条，内部​​栏与“关闭”按钮相交。我想只有一个滚动条，没有相交。但是，当菜单关闭时，滚动条需要滚动页面，当菜单打开时，需要滚动菜单（位于固定位置div。）

有没有办法在菜单关闭时使用整页滚动条滚动页面，在菜单打开时只滚动菜单？

还是有另一种方法可以达到预期的效果吗？

Answer 1

以下是我建议在菜单打开时冻结菜单后面的网页的代码：

  var top;
  function menuOpen() {
      top = $("body").scrollTop();
      $("html").css({"position":"fixed", "top":-top});
  }
  function menulose() {
      $("html").css({"position":"static", "top":0});
      $("html, body").scrollTop(top);
  }

以下css是正常工作所必需的：

html {
    width: 100%
    height: 100%;
}

让我知道这段代码是否有效，如果不是，则需要将migsh添加到menuOpen并溢出auto /滚动到menuClose。

Answer 2

关闭按钮可能是一个完全不同的问题，发布了代码或网站的链接，以便我们可以正确地查看...