如何使用下拉菜单固定标题?

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放在标题上。 看看这个链接。希望这有帮助！