小程序
小游戏
企业微信
微信支付
扫描小程序码分享
大佬们:
Help!
问题描述:
在开发微信小程序时发现,在部分华为机型(如nova9pro,HarmonyOS 3.0)上,按钮的实际触发区域与视觉显示位置存在偏移,导致用户点击位置与预期不符。
具体表现:
1. 按钮视觉上显示在位置A
2. 实际需要点击位置B才能触发按钮事件
3. 其他机型正常,仅在特定机型出现
环境信息:
有大佬能指点一下这个问题如何解决吗?
谢谢!
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
问题解决!
最终发现是由于页面元素通过 position:fixed; 定位导致的偏移问题,将 fixed 改为 absolute 就没有偏移了。但是究竟为啥 fixed 会在某些机型上导致偏移,我也想不通。。。
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
你可以用最新版开发者工具,选择华为机型调试看看效果,
微信开发者工具1.06.2503281 Stable
https://developers.weixin.qq.com/community/minihome/doc/000848705705e83a9d130992861c01?blockType=99
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
问题解决!
最终发现是由于页面元素通过 position:fixed; 定位导致的偏移问题,将 fixed 改为 absolute 就没有偏移了。但是究竟为啥 fixed 会在某些机型上导致偏移,我也想不通。。。
你可以用最新版开发者工具,选择华为机型调试看看效果,
微信开发者工具1.06.2503281 Stable
https://developers.weixin.qq.com/community/minihome/doc/000848705705e83a9d130992861c01?blockType=99