列表能否实现 sticky header 效果？
发布于 7 年前 作者 xiulan39 5297 次浏览 来自 问答

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

类似这样 https://codepen.io/chrissp26/pen/gBrdo

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

3 回复

.sticky {

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

  position: sticky;

  top: 0;

}

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

同问

回到顶部