如何用下拉菜单固定标题？

Question

我有固定的带有下拉菜单的标题。但是我的菜单有问题，因为它高于视口，并且位置固定我无法滚动它。 你可以在我的 github https://katehrybkova.github.io/ET/index.html#

上看到它现在是如何工作的

我尝试将菜单位置更改为绝对位置，但是通过这种方式，当我向下滚动并按下菜单按钮时 - 菜单不是从视口顶部开始，而是从页面顶部开始。

<div>
      <input type="checkbox" id="idishka" />
      <label for="idishka" class="inline"> </label>

      <div class="menuBlock">...
      </div>

      <header>
      </header>
</div>

.menuBlock {
  position: fixed;
 left: -100%;
}
#idishka:checked ~ .menuBlock {
  left: 0;
}
header {
  position: sticky;
}
#idishka:checked ~ header {
position: fixed;
}

Answer 1

您可以尝试将position: fixed 放在您的标题上。 看看这个link。希望这可以帮助！