收藏
回答

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

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

- 当前 Bug 的表现(可附上截图)


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


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

3 个回答

  • iHealth 王深镇
    iHealth 王深镇
    02-01

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

    02-01
    赞同 1
    回复
  • !!!Σ(っ°Д°;)っ
    !!!Σ(っ°Д°;)っ
    02-01

    cover-view

    02-01
    赞同
    回复 2
    • das parfum
      das parfum
      02-01

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

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

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

      02-02
      回复
  • 卢霄霄
    卢霄霄
    02-01

    没懂啥意思,你是指 position: fixed ?

    02-01
    赞同
    回复 15
    • das parfum
      das parfum
      02-01

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

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

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



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

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

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

      nononononononono~~~·

      我是说

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

      下面是原生的(没有设置custom:true)


      明白我的痛处了吗?

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


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

      page {

          padding-bottom: 100rpx;

      }

      哈哈哈哈哈。。。是这个吗?

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

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

      02-01
      回复
    查看更多(10)