收藏
回答

有人实现过多tab自动吸顶下的多滚动容器吗?想和大家讨论一下思路

我要实现的效果像这篇文章这样:

https://juejin.cn/post/7008356543444254757


里面提到的都是原生& h5的实现,鉴于小程序里面 scroll-view, swiper-view, view的特性都不一样,大家有思路或者现成的库去实现这个效果?

最后一次编辑于  2022-09-30
回答关注问题邀请回答
收藏

2 个回答

  • 黄思程
    黄思程
    2023-01-05

    https://developers.weixin.qq.com/community/develop/article/doc/000a088c5c471062bf0f0af1a5b813 这个可以参考下

    2023-01-05
    有用
    回复
  • 小黎
    小黎
    2022-09-30

    不就是固定tab么,计算一下下方滚动盒子的高度就行了

        const res = wx.getSystemInfoSync()
        this.setData({
          wiheight: res.windowHeight - 你tab的高度,
        })
    


    然后在这个容器内滚动

    2022-09-30
    有用
    回复 2
    • 旷奇艺
      旷奇艺
      2022-09-30
      不对哦,你这个是tab里面内滚动。这个用css就够了。现在要的效果是里外两层滚动的。文章里面有个demo,你可以看看
      2022-09-30
      回复
    • 小黎
      小黎
      2022-09-30回复旷奇艺
      1和2都是tab,两个都是一样的,tab1是隐藏的,滚动的时候监听高度,滚动高度大于等于tab2距离顶部高度时,说明触顶,这时让tab1显示,如果滚动高度小于tab2距离顶部高度时则隐藏tab1,高度一定要计算正确。这种只能实现页面最底部是个tab的情况
      2022-09-30
      回复
登录 后发表内容