列表能否实现 sticky header 效果？ - WXOPEN Club

就像 iOS 的列表一样，上滑的时候每个 section 的 header 固定，直到滚动到下一个 section 的时候下一个 header 把上一个 header「顶走」。

鉴于小程序没有 DOM 相关 API，不知道如何实现这种效果

3 回复

omao1 楼6 年前

.sticky {

position: -webkit-sticky; // ios小程需要这样设置，和safari一致

position: sticky;

top: 0;

}

yinfang2 楼6 年前

实测在我的mi5和iPhone6s上是OK的，不知道在其它android机上的兼容性如何

xiulantan3 楼6 年前

同问