position: sticky等定位属性是相对于最近的滚动容器(scroll container)计算的。而当一个父元素设置了 overflow: hidden、overflow: auto或 overflow: scroll时,它会创建一个新的块级格式化上下文(BFC),这会影响粘性定位的参考点。
<div :class="['overflow-hidden']">
<!-- 这里子元素的定位将会失效! -->
<div :class="['sticky top-4 left-0']" />
</div>