Javascript 创建粘性/绝对导航栏

我有上面的导航栏代码。但是，我希望这个导航栏是粘滞的，当我向下滚动时不会移出屏幕。我尝试过使用绝对和粘滞的位置，但滚动时导航栏被留下了。请帮助我。下面是导航栏的css代码：

.header{
溢出：隐藏；
背景色：#FFF；
边框底部：1px纯色灰色；
}
输入{
左边距：40px；
背景：url（search.svg）没有重复；
高度：40px；
左侧填充：25px；
宽度：72%；
边框：5px白色；
}
.标题a{
浮动：左；
颜色：#F2F2；
文本对齐：居中；
填充：8px 12px；
文字装饰：无；
字号：17px；
右侧填充：30px；
右边框：1px纯色灰色；
}
#搜索文本输入{
边框顶部：薄实心#E5；
右边框：薄实线#E5；
边界底部：0；
左边框：薄实线#E5；
盒影：0px 1px 1px#e5；
浮动：左；
高度：17px；
保证金：.8em0.5em；
大纲：0；
填充：.4em 0.4em.6em；
宽度：183px；
}
#按钮座{
背景色：#f1f1；
边框顶部：薄实心#E5；
盒影：1px 1px 1px#e5；
光标：指针；
浮动：左；
高度：27px；
利润率：11px0；
文本对齐：居中；
宽度：50px；
}
#按钮座{
保证金：4倍；
宽度：20px；
}

---

位置：固定的

是您要查找的属性

---

您可以阅读文档

请检查下面的代码好吗？希望它对你有用<代码>位置：粘性根据用户的滚动位置定位。在这个属性的帮助下，你可以使你的标题在向下滚动时保持粘性

请参阅此链接：

正文{
保证金：0；
}
.标题{
溢出：隐藏；
背景色：#FFF；
边框底部：1px纯色灰色；
位置：粘性；
排名：0；
显示器：flex；
显示：-webkit flex；
对齐项目：居中；
-webkit对齐项目：居中；
}
输入{
左边距：40px；
背景：url（search.svg）没有重复；
高度：40px；
左侧填充：25px；
宽度：72%；
边框：5px白色；
}
.标题a{
浮动：左；
颜色：#F2F2；
文本对齐：居中；
填充：8px 12px；
文字装饰：无；
字号：17px；
右侧填充：30px；
右边框：1px纯色灰色；
}
#搜索文本输入{
边框顶部：薄实心#E5；
右边框：薄实线#E5；
边界底部：0；
左边框：薄实线#E5；
盒影：0px 1px 1px#e5；
浮动：左；
高度：17px；
保证金：.8em0.5em；
大纲：0；
填充：.4em 0.4em.6em；
宽度：183px；
}
#按钮座{
背景色：#f1f1；
边框顶部：薄实心#E5；
盒影：1px 1px 1px#e5；
光标：指针；
浮动：左；
高度：27px；
利润率：11px0；
文本对齐：居中；
宽度：50px；
}
#按钮座{
保证金：4倍；
宽度：20px；
}

我的同僚们都是精英。是否有类似的临时性实习？蓄能器、透明透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体。


我的同僚们都是精英。是否有类似的临时性实习？蓄能器、透明透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体。


我的同僚们都是精英。是否有类似的临时性实习？蓄能器、透明透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体。


我的同僚们都是精英。是否有类似的临时性实习？蓄能器、透明透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体。


我的同僚们都是精英。是否有类似的临时性实习？蓄能器、透明透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体。


我的同僚们都是精英。是否有类似的临时性实习？蓄能器、透明透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体。


我的同僚们都是精英。是否有类似的临时性实习？蓄能器、透明透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体。


我的同僚们都是精英。是否有类似的临时性实习？蓄能器、透明透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体。


我的同僚们都是精英。是否有类似的临时性实习？蓄能器、透明透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体。


我的同僚们都是精英。是否有类似的临时性实习？蓄能器、透明透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体。


我的同僚们都是精英。是否有类似的临时性实习？蓄能器、透明透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体、透明体。


我的同僚们都是精英。临时实习