收藏
回答

列表能否实现 sticky header 效果?


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


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


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

最后一次编辑于  2017-08-28
回答关注问题邀请回答
收藏

3 个回答

  • CJ
    CJ
    2018-03-26

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

    2018-03-26
    有用
    回复
  • CJ
    CJ
    2018-03-26

    .sticky {

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

      position: sticky;

      top: 0;

    }

    2018-03-26
    有用
    回复
  • 光芒万丈
    光芒万丈
    2017-08-28

    同问

    2017-08-28
    有用
    回复
登录 后发表内容