Html 导航栏在滚动条上移动

我添加了一个导航栏和一组ul li元素。当li元素更多时，会添加滚动条

但是导航标题会随着滚动而移动。如何使导航栏固定在同一位置，并且只使li元素在滚动上移动

。文件信息
{
高度：80vh；
背景色：白色；
溢出：滚动；
宽度：100%；
位置：相对位置；
盒影：0 1px 6px rgba（0,0,0,0.16），0 1px 4px rgba（0,0,0,0.26）；
}

销售
销售
销售
销售
销售
销售
销售
销售
销售
销售
销售
销售
销售
销售
销售
销售

将

.nav{position:fixed；}

添加到css中：

。文件信息{
高度：80vh；
背景色：白色；
溢出：滚动；
宽度：100%；
位置：相对位置；
盒影：0 1px 6px rgba（0,0,0,0.16），0 1px 4px rgba（0,0,0,0.26）；
}
.nav{位置：固定；}

销售
销售
销售
销售
销售
销售
销售
销售
销售
销售
销售
销售
销售
销售
销售
销售

您需要将溢出放在选项卡内容或.tab窗格上，而不是放在父div上-

。文件信息{
背景色：白色；
宽度：100%；
身高：100%；
位置：相对位置；
盒影：0 1px 6px rgba（0,0,0,0.16），0 1px 4px rgba（0,0,0,0.26）；
溢出：隐藏
}
.选项卡窗格{
高度：80vh；
溢出y：自动；
溢出-x：隐藏
}

销售
销售
销售
销售
销售
销售
销售
销售
销售
销售
销售
销售
销售
销售
销售
销售

。文件信息
{
高度：80vh；
背景色：白色；
溢出：滚动；
宽度：100%；
位置：相对位置；
盒影：0 1px 6px rgba（0,0,0,0.16），0 1px 4px rgba（0,0,0,0.26）；
}
.导航标签{
位置：固定；
}

销售
销售
销售
销售
销售
销售
销售
销售
销售
销售
销售
销售
销售
销售
销售
销售

当我试图通过jquery添加li元素时，li元素被添加到顶部导航栏的后面。我的意思是，如果给定了位置：fixed，它们被添加到我的容器开始的地方，而不是导航栏之后。您可能需要在顶部放置一个

边距：\uuupx

（或填充顶部）在被固定导航条部分重叠的容器上。由于导航条始终在那里，这是一个正常的过程。您可以通过DevTools找到要添加到边距中的像素数（右键单击导航栏，选择检查元素）-在左侧窗格中单击导航UL，在右侧单击“计算”选项卡并查看高度值）