收藏
回答

cover-view,fixed时定位异常

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 Bug cover-view 客户端 7.0.0和7.0.3 2.5.2和2.6.2

- 问题描述

    因需求需要 需要在tabbar页面外其他页面也支持tabbar  故引用了 自定义tabbar组件


    然后发现在其他引入tabbar的页面  多次请求数据后,底部的tabbar会浮动上去,看了下tabbar的实现,因层级问题,tabbar使用了cover-view。定位是position:fixed; bottom:0; 如无意外是固定底部的。在社区搜索了一下,发现其他老哥在使用cover-view 在定位为fixed时也出现类似情况。


    数据动态请求的,故好像放源码并没有大效用。目前测试只在苹果系统复现该问题。

    

    好像这个bug到现在已经好久了,望回复,谢谢了!



- bug复现机型:

    苹果6s                 系统 ios10       微信版本7.0.0

    苹果7splus          系统 ios11        微信版本7.0.3



- 当前 Bug 的表现:





- 预期表现



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

4 个回答

  • 皓旭
    皓旭
    03-18

    遇到了相同的问题,,,希望官方能给一个解决方案

    03-18
    赞同
    回复 4
    • 阿哈,外太空 🚀
      阿哈,外太空 🚀
      03-18

      我做了两个解决方案,如果列表页用户交互性不强的话,可以用把数据用scroll-view包裹,让滚动在scroll-view实现。再者就是替代掉cover-view,换成view,当时这个就要考虑视图层级问题,建议把层级提升到最高,不过小程序有些内置组件默认层级优先的话可能就是个坑。

      我们现在采取的是第二种方案,替代cover-view的。

      03-18
      回复
    • 皓旭
      皓旭
      03-19

      好的,感谢!第一种方案对我们应用是不适用的,就第二种方案,请问您提及的内置组件(例如video)层级遮盖问题有没有出现?

      03-19
      回复
    • 阿哈,外太空 🚀
      阿哈,外太空 🚀
      03-19回复皓旭

      我们目前还没应用到video  你可以整个demo看看   有结果了分享下蛤~

      03-19
      回复
    • 皓旭
      皓旭
      03-19

      好的,感谢

      03-19
      回复
  • 黄思程
    黄思程
    03-18

    这个是哪个小程序?或者有代码片段吗?什么路径可重现?我调试一下

    03-18
    赞同
    回复 4
    • 阿哈,外太空 🚀
      阿哈,外太空 🚀
      03-18

      复现操作:1)在首页点击“小学作文”(其实随便一个分类就行)  2)点击一篇文章进入详情,然后再返回   3)然后下拉加载数据     4)然后就是上下滑动屏幕,位移尽可能大点,然后就会复现了。


      二维码如下:


      03-18
      回复
    • 阿哈,外太空 🚀
      阿哈,外太空 🚀
      03-18

      好像cover-view这个问题遗留了好久的了   看社区的老哥发的贴  最早的好像是去年8月  而且都是ios才会出现

      03-18
      回复
    • 黄思程
      黄思程
      04-04回复阿哈,外太空 🚀

      你现在改成 view 了?能不能提供个代码片段

      04-04
      回复
    • 阿哈,外太空 🚀
      阿哈,外太空 🚀
      04-11回复黄思程

      不好意思 四月初休假了,没上社区。

      代码片段是改成view后的还是未修改之前的?

      整个自定义导航栏的代码我是直接拿文档的demo进行修改的  除了数据项不一样,其他是一致的。

      之前为了解决线上的漂浮问题,我当天就把cover-view改成view了。改成view之后 没有复现。

      04-11
      回复
  • 🐠沉冰
    🐠沉冰
    03-19

    我也遇到这问题了,本来想用cover-view写个自定义顶部的,现在只能换回view了,就怕以后会出问题,

    我的是安卓机(小米)

    03-19
    赞同
    回复 3
    • 阿哈,外太空 🚀
      阿哈,外太空 🚀
      03-19

      cover-view我们这边只在苹果部分机型部分系统才有出现那个bug   我自己的m5x没出现那个问题。cover-view主要还是定位用了fixed才会出现那个问题吧。用view的话还是挺稳的,用稳怕后续受影响的点就是 可能某些组件默认优先级较高的话  就会把tabbar覆盖了。

      03-19
      回复
    • 🐠沉冰
      🐠沉冰
      03-20回复阿哈,外太空 🚀

      cover-image也不行,当你滑动时会跟着页面滚动,过个一两秒才会又回到你fixed的地方去

      03-20
      回复
    • 阿哈,外太空 🚀
      阿哈,外太空 🚀
      03-20回复🐠沉冰

      cover-image和cover-view估计是同套写法的呀  他们两个是同类型组件,换成image吧

      03-20
      回复
  • 努力努力再努力
    努力努力再努力
    09-12

    在大佬的指定下发现了问题的关键所在,可以暂时按照这种方式解决这个bug,后续坐等开平修复,https://blog.csdn.net/xd_yangxiaoromg/article/details/100763986

    09-12
    赞同
    回复