position: sticky;设置无效,不起作用

一般来说，由于 position: sticky 的作用，随着页面的滚动，sticky 会吸附到页面顶部的固定位置。

但是在某种情况下，它失效了

1. 父级 元素设置了 overflow ，请检查，overflow: hide，overflow:auto 等会使 sticky 失效
2. 父级 元素设置 height :100%，会导致sticky失效
3. 检查sticky元素 height 设置，如果是 height:100%，则 sticky 设置无效, 推荐用 height: calc(~"100vh");