Html 带有外部元素滚动的粘性元素

我尽量简化了我的问题。我需要将嵌套div中的文本粘贴到屏幕顶部 在提供的代码片段中，“test”标签必须保持在屏幕顶部，直到div完全消失在视野之外。 有没有一种css方法可以实现这一点

div{
边框：1px实心；
}
.粘的{
位置：粘性；
}

1st

测试






































































第二

测试2

您只是在

.sticky

类中缺少

top:0px

.sticky{
  position: sticky;
  top: 0px;
}

---

将

top:0

添加到

.sticky