Html 滚动时标题下方的粘性位置边栏不显示

最初我试图在页眉下方显示侧边栏，当用户登陆网站时效果很好，但是当用户滚动页面时，侧边栏没有达到最大高度，基本上我想实现侧边栏在用户滚动后固定在左侧

这是我的代码片段

html，
身体{
身高：100%；
}
.标题{
边框：1px纯黑；
高度：60px；
宽度：100%；
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
.身体{
身高：100%；
背景色：番茄；
显示器：flex；
垫底：2000px；
}
.侧边栏{
宽度：30%；
职位：-网络工具包粘性；
位置：粘性；
身高：100%；
背景：黑色；
颜色：白色；
/*顶部：0px*/
}
.内容{
填充：80px；
}

标题
边栏
Lorem ipsum dolor sit amet，奉献精英。在时间上，我认为这是一种进步，它阻碍了最大限度的劳动，阻碍了发明者的进步，
阿迪皮斯精英。Quam non，omnis saepe error Nesciut magnam velit建筑设计师！在neque、Consequentur、mollitia sunt、Essentialtibus vitae，你有责任为你的行为负责！Lorem ipsum dolor sit amet，Concertetur Adipising
精英。在必要的照明条件下，不包括任何数量！设备的独特性和代表性必须与我们的客户保持一致。无论是同一个客户还是同一个客户，都必须与精英保持一致。多洛勒姆和多洛勒姆
丘比特式面部液体，在类似的位置上呕吐，除了暂时性的面部表情外，其他都是暂时性的。真正的自由尊严
雷德亨德里特·塞奎。A、 驱虫剂，嗯。拉布拉姆，这是我的脸！我的解决方案是可选的！

我删除了body和html上的

身高：100%

，以及

.height

，因为这没有目标，因为他们正在根据内容调整身高

然后我将侧边栏的高度固定为100vh

现在已经修好了。它只在末尾留下，因为您添加了一个

填充底部：2000px在.body容器中


html，
身体{
/*身高：100%*/
}
.标题{
边框：1px纯黑；
高度：60px；
宽度：100%；
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
.身体{
/*身高：100%*/
背景色：番茄；
显示器：flex；
垫底：2000px；
}
.侧边栏{
宽度：30%；
职位：-网络工具包粘性；
位置：粘性；
高度：100vh；
背景：黑色；
颜色：白色；
排名：0；
}
.内容{
填充：80px；
}
标题
边栏
Lorem ipsum dolor sit amet，奉献精英。在时间上，我认为这是一种进步，它阻碍了最大限度的劳动，阻碍了发明者的进步，
阿迪皮斯精英。Quam non，omnis saepe error Nesciut magnam velit建筑设计师！在neque、Consequentur、mollitia sunt、Essentialtibus vitae，你有责任为你的行为负责！Lorem ipsum dolor sit amet，Concertetur Adipising
精英。在必要的照明条件下，不包括任何数量！设备的独特性和代表性必须与我们的客户保持一致。无论是同一个客户还是同一个客户，都必须与精英保持一致。多洛勒姆和多洛勒姆
丘比特式面部液体，在类似的位置上呕吐，除了暂时性的面部表情外，其他都是暂时性的。真正的自由尊严
雷德亨德里特·塞奎。A、 驱虫剂，嗯。拉布拉姆，这是我的脸！我的解决方案是可选的！