收藏
回答

cover-view 设置 position: fixed 后在体验版中动会抖动

框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
小程序 Bug Android Android 8.0 小米 note2 6.7.3

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


页面顶部元素为 cover-view,设置 position: fixed, 当滚动页面时,顶部元素会随之抖动。


录屏见下面微云链接:

https://share.weiyun.com/5nQ0f9x


开发者工具预览表现正常,只有体验版有问题。


- 预期表现

fixed 元素位置不变

- 复现路径


- 提供一个最简复现 Demo


只能在体验版中复现(二维码如下),如需要可回复微信 id 添加体验者权限。


代码片段(开发者工具预览无法复现),仅供参考:

wechatide://minicode/bU4ddbms7U3s


最后一次编辑于  2018-10-16
回答关注问题邀请回答
收藏

5 个回答

  • 僵尸浩
    僵尸浩
    2018-10-18

    问下是什么场景需要给cover-view加fixed?cover-view应该是限制在某些元素里面的

    2018-10-18
    有用
    回复 2
    • 周宇杰
      周宇杰
      2018-10-18

      1. 一个固定在页面顶部的 tab 栏

      2. 可以滚动的页面内容,包含 canvas 绘制的图表


      所以就限制了:

      1. 不能使用用 scroll-view,overflow: scroll 等属性,必须依赖页面的滚动

      2. 必须用 cover-view 实现顶栏 tab,覆盖 canvas

      3. 必须用 position: fixed 固定位置

      在解决这个问题的时候,还试了很多其他 tricky 的手段,都没办法同时满足上面的条件。如果有好的解决方案,烦请指教。多谢。

      2018-10-18
      回复
    • 自由行走的花
      自由行走的花
      2022-06-22回复周宇杰
      请问你这个问题解决了吗
      2022-06-22
      回复
  • 痛快科技
    痛快科技
    2018-10-16

    遇到同样的问题,复现手机荣耀V9.

    2018-10-16
    有用 2
    回复
  • 2018-10-18

    一样抖动。。。真机测试会抖动。  莫非,上线发布以后,就不抖动了?

    2018-10-18
    有用
    回复 2
    • 周宇杰
      周宇杰
      2018-10-19

      不敢上线啊,哪位胆子大的试一下?

      2018-10-19
      回复
    • 2018-10-19

      大兄弟,用view,然后cover-view,就不抖动了。iPhone X,没出现问题。。。待测。

      2018-10-19
      回复
  • 周宇杰
    周宇杰
    2018-10-16

    在这里能看到么


    2018-10-16
    有用
    回复
  • 是小白啊
    是小白啊
    2018-10-15

    这边测试了ios6p 小米note3,微信版本:6.7.3均无复现问题

    2018-10-15
    有用
    回复 11
    • 周宇杰
      周宇杰
      2018-10-15

      多谢回复,这个需要在体验版上复现,是在体验版上测试的吗

      2018-10-15
      回复
    • 是小白啊
      是小白啊
      2018-10-15回复周宇杰

      是使用代码片段在真机上测试的

      2018-10-15
      回复
    • 周宇杰
      周宇杰
      2018-10-15回复是小白啊

      在开发者工具里真机预览是不会复现的,开发版没有这个问题,就是这么奇怪

      2018-10-15
      回复
    • 是小白啊
      是小白啊
      2018-10-16回复周宇杰

      使用代码片段能复现吗?具体是什么机型以及微信版本?

      2018-10-16
      回复
    • 周宇杰
      周宇杰
      2018-10-16回复是小白啊

      不可以,体验版的二维码贴在上面了,小米 note2,微信 6.7.3

      2018-10-16
      回复
    查看更多(6)
登录 后发表内容