Javascript 页面向下滚动时，粘性导航栏未显示所有下拉选项的问题

我已经在我试图创建的站点中实现了一个导航栏，但是，导航栏的所有下拉选项只有在它位于页面顶部时才会出现。一旦我向下滚动页面，这些选项就会隐藏起来。（如果您特别关注Profile按钮，您可以看到另一个按钮后面有一个按钮，因为：hover是不同的颜色。）

在CSS中，我把溢出和定位弄得有点乱。使溢出显示vs溢出隐藏。我已经从标题中删除了导航栏，以查看这是否是一个问题，同时也从HTML中删除了标题，以查看是否存在问题

p{
填充：13px；
文本对齐：对齐；
}
.导航{
位置：固定；
宽度：100%；
排名：0；
}
.导航a{
位置：固定；
背景色：#333；
z指数：9999；
溢出：显示；
}
.nav a.home-btn{
位置：相对位置；
}
.nav a.logout-btn{
位置：相对位置；
}
#标题1{
文本对齐：居中；
背景色：黑色；
颜色：白色；
字体系列：无衬线；
文字装饰：无；
字体大小：30px；
填充：10px 14px；
}
* {
保证金：0；
填充：0；
字体系列：无衬线；
列表样式：无；
文字装饰：无；
z指数：9999；
}
navbar先生{
溢出：隐藏；
背景色：#333；
字体系列：无衬线；
z指数：9999；
}
纳瓦尔先生{
浮动：左；
字体大小：16px；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
.配置文件下拉列表{
浮动：左；
溢出：隐藏；
}
.配置文件下拉列表.配置文件btn{
字体大小：16px；
边界：无；
大纲：无；
颜色：白色；
填充：14px 16px；
背景色：继承；
字体家族：继承；
保证金：0；
}
.简介内容{
显示：无；
位置：绝对位置；
背景色：#333；
最小宽度：160px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
z指数：1；
}
.简介内容a{
浮动：无；
颜色：白色；
填充：12px 16px；
文字装饰：无；
显示：块；
文本对齐：左对齐；
}
.配置文件内容a：悬停{
背景颜色：灰色；
}
.profile下拉列表：悬停.profile内容{
显示：块；
}
.搜索下拉列表{
浮动：左；
溢出：隐藏；
}
.搜索下拉列表.搜索btn{
字体大小：16px；
边界：无；
大纲：无；
颜色：白色；
填充：14px 16px；
背景色：继承；
字体家族：继承；
保证金：0；
}
.搜索btn:悬停，
.profile btn：悬停，
.home btn：悬停，
.注销btn：悬停{
背景色：#2ecc71；
}
.navbar a.logout-btn{
浮动：对；
}
.搜索内容{
显示：无；
位置：绝对位置；
背景色：#333；
最小宽度：160px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
z指数：1；
}
.搜索内容a{
浮动：无；
颜色：白色；
填充：12px 16px；
文字装饰：无；
显示：块；
文本对齐：左对齐；
}
.搜索内容a:悬停{
背景颜色：灰色；
}
.搜索下拉列表：悬停.搜索内容{
显示：块；
}
.列表下拉列表{
浮动：左；
溢出：隐藏；
}
.listings下拉列表.listings btn{
字体大小：16px；
边界：无；
大纲：无；
颜色：白色；
填充：14px 16px；
背景色：继承；
字体家族：继承；
保证金：0；
}
.列表内容{
显示：无；
位置：绝对位置；
背景色：#333；
最小宽度：160px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
z指数：1；
}
.清单内容a{
浮动：无；
颜色：白色；
填充：12px 16px；
文字装饰：无；
显示：块；
文本对齐：左对齐；
}
.列表内容a：悬停{
背景颜色：灰色；
}
.listings下拉列表：悬停.listings内容{
显示：块；
}
.列表btn:悬停{
背景色：#2ecc71；
}
.信息下拉列表{
浮动：左；
溢出：隐藏；
}
.消息下拉列表.消息btn{
字体大小：16px；
边界：无；
大纲：无；
颜色：白色；
填充：14px 16px；
背景色：继承；
字体家族：继承；
保证金：0；
}
.信息内容{
显示：无；
位置：绝对位置；
背景色：#333；
最小宽度：160px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
z指数：1；
}
.信息内容a{
浮动：无；
颜色：白色；
填充：12px 16px；
文字装饰：无；
显示：块；
文本对齐：左对齐；
}
。邮件内容a：悬停{
背景颜色：灰色；
}
.messages下拉列表：悬停.messages内容{
显示：块；
}
.messages btn:悬停{
背景色：#2ecc71；
}
.设置下拉列表{
浮动：左；
溢出：隐藏；
}
.设置下拉列表.设置btn{
字体大小：16px；
边界：无；
大纲：无；
颜色：白色；
填充：14px 16px；
背景色：继承；
字体家族：继承；
保证金：0；
}
.设置内容{
显示：无；
位置：绝对位置；
背景色：#333；
最小宽度：160px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
z指数：1；
}
.设置内容a{
浮动：无；
颜色：白色；
填充：12px 16px；
文字装饰：无；
显示：块；
文本对齐：左对齐；
}
.设置内容a：悬停{
背景颜色：灰色；
}
.设置下拉列表：悬停。设置内容{
显示：块；
}
.设置btn:悬停{
背景色：#2ecc71；
}
.粘的{
位置：固定；
排名：0；
宽度：100%；
}

失物招领处
轮廓
搜寻
列表
信息
设置
var nav=document.getElementsByClassName（'navbar'）；
window.onscroll=函数sticky（）{
如果（window.pageYOffset>nav[0].offsetTop）{
导航[0].classList.add（'nav'）；
}否则{
导航[0]。类列表。删除（'nav'）；
}
};

填写页面的示例文本。填写页面的示例文本。填写页面的示例文本。填写页面的示例文本。填写页面的示例文本。填写页面的示例文本。填写页面的示例文本。填写页面的示例文本。要填充的示例文本
.profile-content {
display: none;
position: fixed;
background-color: #333;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}




.profile-content a {
    float: none;
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    position: relative;
}