情况
把情况和AI说,ai告诉我随着父容器的上升,父容器整体脱离到了屏幕外,导致sticky元素也消失了。
它说的是对的。
然而仅看表象,我以为父容器已经是最底部的元素,如果它脱离了屏幕外,那我看到的是什么呢。
看下面的样式,我把父容器的高度限制了,当鼠标往下滚动时,明显会脱离父容器的区域。

所以答案就是,子元素跑到了父容器外面形成了滚动。滚动是相对于body的,然而sticky的吸顶规则依然是根据父元素(sticky吸顶元素被父元素底部带上去,就好像是一张滤网一样)。
高度限制解除后立马正常了。
