前端关于position: sticky

条件

1. 确保父容器允许滚动

粘性定位（position: sticky）需要父容器是可滚动的（如 scroll-view 或设置了 overflow 的容器），且父容器不能有 overflow: hidden。

2. 为 sort-box 添加粘性定位样式

在 sort-box 的样式中添加以下 CSS 属性：

.sort-box {position: sticky;top: 0; /* 距离顶部 0px 时触发粘性 */z-index: 10; /* 确保悬浮时覆盖下方内容 */background: #fff; /* 背景色避免透明 */
}

分析

简单情况

<view class="father">
<scroll-view>
<view class="sort-box"></view>
</scroll-view>
</view>

sort-box设置粘性定位后，会在scrollview高度顶部进行固定

复杂情况

<view class="father"><scroll-view><view class="sort-box"></view><view><view class="sort-box"></view></view></scroll-view>
</view>

多层嵌套情况，也会相对scroll-view盒子进行判断，两个盒子都会在scrollview高度顶部进行固定