公告列表
公告列表
收藏
回答

自定义tabbar，如何像原生那样，当首页向下滑动时，不穿透tabbar

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug 自定义tabbar 工具 6.5.3 2.5.2

- 当前 Bug 的表现（可附上截图）


自定义tabbar，如何像原生那样，当首页向下滑动时，不穿透tabbar，而是到上沿部分停止向下滑动


回答关注问题邀请回答
收藏

3 个回答

  • 努力努力要努力zzz
    努力努力要努力zzz
    2019-02-01

    你是不是说右边滚动条的问题，用定位试试。如果是右边滚动条的问题，你可以在页面中写个组件，把上面带滚动条的用scroll-view 下面用button，scroll-view的高度自适应用js计算一下，应该可以解决，好像有点麻烦了

    2019-02-01
    有用 1
    回复
  • 卢霄霄
    卢霄霄
    2019-02-01

    没懂啥意思，你是指 position: fixed ？

    2019-02-01
    有用
    回复 15
    • das parfum
      das parfum
      2019-02-01

      抱歉，都放假了还要麻烦你。

      我的意思是如果我tabbar不自定义，如图所示

      但是如果我用自定义的tabbar，会穿透过tabbar，使得商品被拦住（姑且认为tabbar的高度为100px）



      2019-02-01
      赞
      回复
    • 卢霄霄
      卢霄霄
      2019-02-01回复das parfum

      我好像还是没懂，你是说应该设个 background-color: #fff 吗

      2019-02-01
      赞
      回复
    • das parfum
      das parfum
      2019-02-01回复卢霄霄

      nononononononono~~~·

      我是说

      这是我的自定义tabbar组件，下滑会穿透tabbar

      下面是原生的（没有设置custom：true）


      明白我的痛处了吗？

      你可以看下拉条，图一穿透了tabbar，图二没有


      2019-02-01
      赞
      回复
    • 卢霄霄
      卢霄霄
      2019-02-01回复das parfum

      page {

          padding-bottom: 100rpx;

      }

      哈哈哈哈哈。。。是这个吗？

      2019-02-01
      赞
      回复
    • 卢霄霄
      卢霄霄
      2019-02-01回复das parfum

      主要是你所谓的穿透。。我不懂是啥意思

      2019-02-01
      赞
      回复
    查看更多(10)
  • !!!Σ(っ°Д°;)っ
    !!!Σ(っ°Д°;)っ
    2019-02-01

    cover-view

    2019-02-01
    有用
    回复 2
    • das parfum
      das parfum
      2019-02-01

      哇哦，你的意思是说custom-tab-bar里的组件用cover-view包裹着写吗？我也是这样写的，无效

      2019-02-01
      赞
      回复
    • Mr.Hope
      Mr.Hope
      2019-02-02回复das parfum

      是这样的啊，本来costume tabbar就是一个可以悬浮在页面底部的一个自定义控件，我看了上面的评论，测试了一下开发者工具的确会出现问题，不过一般不都是直接真机调试的么

      2019-02-02
      赞
      回复
请 登录 后发表内容
相关问题
相关文档