小程序
小游戏
企业微信
微信支付
扫描小程序码分享
从首页点击扫一扫，跳去扫一扫页面，使用原生camera组件，有一定几率，组件位置错乱
如图所示：
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
经排查，由于camera组件的父节点使用了image组件，受mode="widthFix"的影响。
如果图片高度修改前，加载camera组件则出现掉下去的现象。
解决方法：
将图片脱离文档流，图片外部容器使用padding-top占位。
(图片在文档流)(图片脱离文档流)
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
麻烦提供一下出现问题的机型和微信版本，以及能复现问题的简单代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）。
建议：image组件，mode属性生效的生命周期希望能做出说明，之前使用
IntersectionObserver.relativeTo获取节点布局区域的上边界，也出现过这个问题，
解决方法同上。
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
经排查，由于camera组件的父节点使用了image组件，受mode="widthFix"的影响。
如果图片高度修改前，加载camera组件则出现掉下去的现象。
解决方法：
将图片脱离文档流，图片外部容器使用padding-top占位。
麻烦提供一下出现问题的机型和微信版本，以及能复现问题的简单代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）。
经排查，由于camera组件的父节点使用了image组件，受mode="widthFix"的影响。
如果图片高度修改前，加载camera组件则出现掉下去的现象。
解决方法：
将图片脱离文档流，图片外部容器使用padding-top占位。
建议：image组件，mode属性生效的生命周期希望能做出说明，之前使用
IntersectionObserver.relativeTo获取节点布局区域的上边界，也出现过这个问题，
解决方法同上。