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

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)
请 登录 后发表内容
相关问题
相关文档