收藏
回答

列表能否实现 sticky header 效果?

问题模块
API和组件


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


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


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

最后一次编辑于  2017-08-28  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏关注问题回答

3 个回答

  • 光芒万丈
    光芒万丈
    2017-08-28

    同问

    2017-08-28
    赞同
    回复
  • CJ
    CJ
    2018-03-26

    .sticky {

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

      position: sticky;

      top: 0;

    }

    2018-03-26
    赞同
    回复
  • CJ
    CJ
    2018-03-26

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

    2018-03-26
    赞同
    回复