[已解决]微信小程序开发cover-view 设置 position: fixed 后

时间：2019-05-07 来源：小程序工厂

问题模块框架类型问题类型操作系统操作系统版本手机型号微信版本
客户端微信小程序 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

微信小程序开发问题解答

微信小程序开发者回答：

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

微信小程序开发者回答：

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

微信小程序开发者回答：

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

微信小程序开发者回答：

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

微信小程序开发者回答：

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

微信小程序开发者回答：

1. 一个固定在页面顶部的 tab 栏
2. 可以滚动的页面内容，包含 canvas 绘制的图表

所以就限制了：
不能使用用 scroll-view，overflow: scroll 等属性，必须依赖页面的滚动
必须用 cover-view 实现顶栏 tab，覆盖 canvas
必须用 position: fixed 固定位置
在解决这个问题的时候，还试了很多其他 tricky 的手段，都没办法同时满足上面的条件。如果有好的解决方案，烦请指教。多谢。

微信小程序开发者回答：

在这里能看到么

微信小程序开发者回答：

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

微信小程序开发者回答：

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

微信小程序开发者回答：

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

微信小程序开发者回答：

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

微信小程序开发者回答：

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

微信小程序开发者回答：

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

微信小程序开发者回答：

其他的手机会吗？线上的版本呢？

微信小程序开发者回答：

vivo x21 小米5s iphone6 都有，不敢上线啊，只有体验版

微信小程序开发者回答：

使用代码片段的的时候，测试是并没有问题，测试机型：i6p 小米note3 微信版本：6.7.3 ，建议排查下代码的其他影响

微信小程序开发者回答：

我已经说得很明白了，代码片段相当于是开发板，这个只有体验版能复现，劳驾你扫个码可以不，我给你加体验者权限。而且视频里，已经很清晰了，我给的是一个简化的实现，没有其他代码影响，很显然是 cover-view 的一个问题

微信小程序开发者回答：

没有二维码

微信小程序开发者回答：

贴在下面了

本文网址：http://www.91bianli.com/kaifazhinan/77945.html

上一篇：版本管理pull failed的问题？

下一篇：Cannot find module &#x27;wx-server-sdk&#x27;