Html 通过另一个列表后，如何保持导航栏的粘性？

我一直在为一个班级设计HTML网站，到目前为止，我主要依靠像w3schools这样的网站来帮助我。我使用HTML和CSS中的list方法添加了一个粘性导航栏，它在我的主页上运行良好，但在我的另一个页面上，一旦它碰到我制作的另一个列表，它就不再具有粘性。我想知道是否有办法让它在滚动列表时仍然保持不变

为了确定是否确实是列表导致了问题，我将列表放在第二页并放在第一页，我也遇到了同样的问题。我还尝试将导航栏使用的无序列表更改为有序列表，以查看是否存在某种标记问题，但结果仍然相同。我以前只使用过HTML和CSS，但如果解决方案需要使用JS或jQuery，我很想听听

我的标记：

.ul1{
列表样式类型：无；
保证金：0；
填充：0；
背景色：#66CDAA；
位置：粘性；
排名：0；
边框样式：双边框；
边框颜色：#B0E0E6；
边界宽度：10；
}
李先生1{
显示：内联块；
}
.a1{
显示：块；
填充：8px；
颜色：#F0FFFF；
文字装饰：无；
}
.a1:悬停{
背景色：#B0E0E6；
过渡时间：0.9秒；
}
.主动{
背景色：#136c68；
}

这是文档中通常没有明确说明的

sticky

的一种不太明显的行为：“sticky”属性只深入到包含元素的地方。也就是说，它不会在容器下方移动

---

因此，要获得我想象中您想要的“永久”粘性行为，您应该将粘性

直接添加到

元素中。否则，它只会

sticky

本身，直到它包含的

元素刚好在您的内容列表上方结束…

尽量不要将sticky

包装在

中

---

如果希望内容居中，请尝试使用

text align

属性将文本包装在

之间。您的问题令人困惑且不完整。。。但通常情况下，必须保持在顶部的内容会放在文档的标题中……我是否应该添加HTML的其余部分以显示代码段中发生的情况？至少发布导致问题的其他列表。尽管我怀疑问题在于两个列表使用的是相同的

类

。在第一节之后添加了它，我也将它放入了，以便人们可以更好地看到它，如果这有帮助的话。