Html 如何使容器标题固定且不随内容滚动？

当背景中的内容可滚动时，如何使容器标题始终位于容器顶部

标题和内容需要在一个容器中

请不要使用jQuery或JS

.contentContainer{
背景颜色：灰色；
高度：100px；
利润率：1米0；
}
.滚动容器{
高度：300px；
位置：相对位置；
溢出：滚动；
边框：1px实心
}
.scrollContainer\u标题{
位置：绝对位置；
排名：0；
宽度：100%；
高度：30px；
背景色：红色；
文本对齐：居中；
z指数：2；
}
.可滚动的内容{
位置：相对位置；
}

内容#1
标题
loooong可滚动内容
内容#2

使用

位置：粘性（参见小提琴：）


.contentContainer{
背景颜色：灰色；
高度：100px；
利润率：1米0；
}
.滚动容器{
高度：300px；
位置：相对位置；
溢出：滚动；
边框：1px实心
}
.scrollContainer\u标题{
位置：粘性；
排名：0；
宽度：100%；
高度：30px；
背景色：红色；
文本对齐：居中；
z指数：2；
}
.可滚动的内容{
位置：相对位置；
}

内容#1
标题
Lorem ipsum dolor sit amet，是一位杰出的献身者。以多重概率。自我保护和不受伤害的生命。后白杨是一种非理性的争论。我和我的朋友们都有一个真实的世界，都有一个伟大的世界。目前，国际货币基金组织（iudicio aut）的dic、欧洲货币基金组织（si coronam times）的dic、欧洲货币基金组织（senatu）的dic。两个规则：内部构造。在争议中，我是维尼翁，我是普莱斯特，我是迪塞拉莫斯。这句话的意思是“我的对手”。
Lorem ipsum dolor sit amet，是一位杰出的献身者。以多重概率。自我保护和不受伤害的生命。后白杨是一种非理性的争论。我和我的朋友们都有一个真实的世界，都有一个伟大的世界。目前，国际货币基金组织（iudicio aut）的dic、欧洲货币基金组织（si coronam times）的dic、欧洲货币基金组织（senatu）的dic。两个规则：内部构造。在争议中，我是维尼翁，我是普莱斯特，我是迪塞拉莫斯。这句话的意思是“我的对手”。
Lorem ipsum dolor sit amet，是一位杰出的献身者。以多重概率。自我保护和不受伤害的生命。后白杨是一种非理性的争论。我和我的朋友们都有一个真实的世界，都有一个伟大的世界。目前，国际货币基金组织（iudicio aut）的dic、欧洲货币基金组织（si coronam times）的dic、欧洲货币基金组织（senatu）的dic。两个规则：内部构造。在争议中，我是维尼翁，我是普莱斯特，我是迪塞拉莫斯。这句话的意思是“我的对手”。
Lorem ipsum dolor sit amet，是一位杰出的献身者。以多重概率。自我保护和不受伤害的生命。后白杨是一种非理性的争论。我和我的朋友们都有一个真实的世界，都有一个伟大的世界。目前，国际货币基金组织（iudicio aut）的dic、欧洲货币基金组织（si coronam times）的dic、欧洲货币基金组织（senatu）的dic。两个规则：内部构造。在争议中，我是维尼翁，我是普莱斯特，我是迪塞拉莫斯。这句话的意思是“我的对手”。
Lorem ipsum dolor sit amet，是一位杰出的献身者。以多重概率。自我保护和不受伤害的生命。后白杨是一种非理性的争论。我和我的朋友们都有一个真实的世界，都有一个伟大的世界。目前，国际货币基金组织（iudicio aut）的dic、欧洲货币基金组织（si coronam times）的dic、欧洲货币基金组织（senatu）的dic。两个规则：内部构造。在争议中，我是维尼翁，我是普莱斯特，我是迪塞拉莫斯。这句话的意思是“我的对手”。
Lorem ipsum dolor sit amet，是一位杰出的献身者。以多重概率。自我保护和不受伤害的生命。后白杨是一种非理性的争论。我和我的朋友们都有一个真实的世界，都有一个伟大的世界。目前，国际货币基金组织（iudicio aut）的dic、欧洲货币基金组织（si coronam times）的dic、欧洲货币基金组织（senatu）的dic。两个规则：内部构造。在争议中，我是维尼翁，我是普莱斯特，我是迪塞拉莫斯。这句话的意思是“我的对手”。
Lorem ipsum dolor sit amet，是一位杰出的献身者。以多重概率。自我保护和不受伤害的生命。后白杨是一种非理性的争论。我和我的朋友们都有一个真实的世界，都有一个伟大的世界。目前，国际货币基金组织（iudicio aut）的dic、欧洲货币基金组织（si coronam times）的dic、欧洲货币基金组织（senatu）的dic。两个规则：内部构造。在争议中，我是维尼翁，我是普莱斯特，我是迪塞拉莫斯。这句话的意思是“我的对手”。
内容#2
使用
位置：粘性（参见小提琴：）


.contentContainer{
背景颜色：灰色；
高度：100px；
利润率：1米0；
}
.滚动容器{
高度：300px；
位置：相对位置；
溢出：滚动；
边框：1px实心
}
.scrollContainer\u标题{
位置：粘性；
排名：0；
宽度：100%；
高度：30px；
背景色：红色；
文本对齐：居中；
z指数：2；
}
.可滚动的内容{
位置：相对位置；
}

内容#1
标题
Lorem ipsum dolor sit amet，是一位杰出的献身者。以多重概率。自我保护和不受伤害的生命。后白杨是一种非理性的争论。我和我的朋友们都有一个真实的世界，都有一个伟大的世界。目前，国际货币基金组织（iudicio aut）的dic、欧洲货币基金组织（si coronam times）的dic、欧洲货币基金组织（senatu）的dic。两个规则：内部构造。在争议中，我是维尼翁，我是普莱斯特，我是迪塞拉莫斯。这句话的意思是“我的对手”。
Lorem ipsum dolor sit amet，是一位杰出的献身者。以多重概率。自我保护和不受伤害的生命。后白杨是一种非理性的争论。我和我的朋友们都有一个真实的世界，都有一个伟大的世界。目前，国际货币基金组织（iudicio aut）的dic、欧洲货币基金组织（si coronam times）的dic、欧洲货币基金组织（senatu）的dic。二人组：施工
.scrollContainer_header {
    position: sticky;
    top: 0;
    width: 100%;
    height: 30px;
    background-color: red;
    text-align: center;
    z-index: 2;
}