安卓机,键盘弹出透出了上一页的内容
发布于 7 年前 作者 tao23 5103 次浏览 来自 官方Issues

复现问题的步骤如下:

步骤1:将输入框设置为了定位在手机最下面(fixed,bottom:0),这样做当输入框聚焦时弹出键盘,键盘把输入框向上推,视觉上输入框与键盘紧挨着

步骤2:切换键盘的输入方式,比如由拼音切换为手写,或者半手写或者笔画等等,这样切换的目的是 键盘的高度在不同的输入方式下不一样高(拼音的很高,但是半手写的比较矮),这时候可能会复现出现两个问题了;1,如果当前页面是有上一个页面路由跳转之后的页面,那么键盘由拼音切换到半手写,高度变化差的位置透视出了上一个页面相同位置上的内容;2:键盘高度变高之后,可能遮挡住了输入框,没有自动把输入框往上推

步骤3:如果步骤二未复现问题,那么把键盘隐退(再次点击输入框,弹出键盘,键盘的输入方式会记住上一次切换的最后结果;比如上一次将键盘输入方式切换为手写),再次点击输入框,弹出键盘,然后在切换键盘的输入方式(拼音/手写/笔画等等),就会复现

备注:我试了将输入框 正常放在页面的顶端位置,键盘弹出即使再切换输入方式,也不会出现透出上一页面内容的问题;

3 回复

你好,麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

有用 spacing 调整距离么

input 设置 adjust-position="{{false}}"

然后js里 用这个方法 wx.onKeyboardHeightChange(res => {})  动态设置input的位置虽然还是有点坑要踩, 但是最起码上面的问题解决了

回到顶部