Javascript 为什么移动导航栏没有'；卷轴

当我调整到一个小网站时，导航栏不会滚动。我的下菜单消失，无法向下滚动查看下菜单，因此需要调整到全屏以查看其他菜单。所以我想我的网站可以滚动时，高度小于全屏。 像这样在图片中，其他D菜单消失。 这是我的密码：

const body=document.querySelector（“body”）；
const navbar=document.querySelector（“.navbar”）；
const menuBtn=document.querySelector（“.menu btn”）；
const cancelBtn=document.querySelector（“.cancelBtn”）；
menuBtn.onclick=（）=>{
navbar.classList.add（“show”）；
menuBtn.classList.add（“隐藏”）；
body.classList.add（“禁用”）；
}
cancelBtn.onclick=（）=>{
body.classList.remove（“禁用”）；
navbar.classList.remove（“show”）；
menuBtn.classList.remove（“隐藏”）；
}
window.onscroll=（）=>{
this.scrollY>20？navbar.classList.add（“sticky”）：navbar.classList.remove（“sticky”）；
}

.navbar{
填充顶部：85px；
填充底部：30px；
背景：#ffffff；
位置：粘性；
排名：0；
宽度：100%；
z指数：2；
过渡：所有0.3秒缓解；
}
.下拉内容{
显示：无；
位置：绝对位置；
最小宽度：160px；
}
.下拉内容a{
颜色：黑色；
填充：12px 16px；
文字装饰：无；
显示：块；
}
.下拉：悬停.下拉内容{
显示：块；
}
纳瓦尔先生{
背景：#ffffff；
填充：px0；
盒影：0px 3px 5px 0px rgba（0,0,0,0.1）；
}
.Navbar.内容{
显示器：flex；
对齐项目：居中；
证明内容：之间的空间；
}
.Navbar.标志a{
颜色：#000000；
字体大小：30px；
文字装饰：无；
}
.navbar.菜单列表{
显示：内联flex；
}
.菜单列表李{
列表样式：无；
}
.菜单列表李a{
颜色：#000000；
左边距：25px；
文字装饰：无；
字体大小：正常；
过渡：所有0.3秒缓解；
}
.图标{
颜色：#000000；
字体大小：25px；
光标：指针；
显示：无；
}
.菜单列表.取消btn{
位置：绝对位置；
右：80px；
顶部：110px；
}
@介质（最大宽度：1230px）{
.内容{
填充：0 60px；
}
}
@介质（最大宽度：1100px）{
.内容{
填充：0 40px；
左缘：5%；
保证金权利：5%；
}
}
@介质（最大宽度：900px）{
.内容{
填充：0 40px；
左边缘：0%；
右边距：0%；
}
.菜单列表.取消btn{
位置：绝对位置；
右：50px；
顶部：110px；
}
}
@介质（最大宽度：1000px）{
身体残疾{
溢出：隐藏；
}
.图标{
显示：块；
}
.icon.hide{
显示：无；
}
.navbar.菜单列表{
位置：固定；
高度：100vh；
宽度：100%；
最大宽度：100%；
右图：-100%；
顶部：0px；
显示：块；
填充：100px0；
文本对齐：居中；
背景：rgb（255、255、255）；
过渡：所有0.3秒缓解；
}
.navbar.show.菜单列表{
右：0%；
}
.navbar.菜单列表li{
边缘顶部：45像素；
}
.Navbar.菜单列表li a{
字体大小：px；
保证金权利：-100%；
}
.navbar.show.菜单列表li a{
右边距：0px；
}
}
@介质（最大宽度：1000px）{
.下拉内容{
位置：初始；
}
.下拉内容a{
填充物：5px；
}
}

因为您使用了

位置：粘性只考虑在媒体查询中替换位置粘性。

定位和结构存在问题。此处包含的菜单列表如图所示。使用适当的div结构将帮助您解决问题。
为什么它不起作用？因为粘性会阻止向上移动，这可能会帮助您解决问题。对于小菜单来说，Sticky是可以的，但在你的情况下Sticky不会很好用。只要检查一下就好了。我删除了位置：Sticky；但它不起作用