复现问题的步骤如下:
步骤1:将输入框设置为了定位在手机最下面(fixed,bottom:0),这样做当输入框聚焦时弹出键盘,键盘把输入框向上推,视觉上输入框与键盘紧挨着
步骤2:切换键盘的输入方式,比如由拼音切换为手写,或者半手写或者笔画等等,这样切换的目的是 键盘的高度在不同的输入方式下不一样高(拼音的很高,但是半手写的比较矮),这时候可能会复现出现两个问题了;1,如果当前页面是有上一个页面路由跳转之后的页面,那么键盘由拼音切换到半手写,高度变化差的位置透视出了上一个页面相同位置上的内容;2:键盘高度变高之后,可能遮挡住了输入框,没有自动把输入框往上推
步骤3:如果步骤二未复现问题,那么把键盘隐退(再次点击输入框,弹出键盘,键盘的输入方式会记住上一次切换的最后结果;比如上一次将键盘输入方式切换为手写),再次点击输入框,弹出键盘,然后在切换键盘的输入方式(拼音/手写/笔画等等),就会复现
备注:我试了将输入框 正常放在页面的顶端位置,键盘弹出即使再切换输入方式,也不会出现透出上一页面内容的问题;
input 设置 adjust-position="{{false}}"
然后js里 用这个方法 wx.onKeyboardHeightChange(res => {}) 动态设置input的位置 虽然还是有点坑要踩, 但是最起码上面的问题解决了
你好,麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)
提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)z这样好定位问题
提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)z这样好定位问题
有用 spacing 调整距离么