收藏
回答

安卓机,键盘弹出透出了上一页的内容

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug input 微信安卓客户端 7.0.5 2.8.0

复现问题的步骤如下:

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

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

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



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


回答关注问题邀请回答
收藏

3 个回答

  • 。。。
    。。。
    2019-10-18

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

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


    2019-10-18
    有用
    回复
  • 疯狂的小辣椒
    疯狂的小辣椒
    2019-08-23

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

    2019-08-23
    有用
    回复 5
  • 2019-08-23

    有用 spacing 调整距离么

    2019-08-23
    有用
    回复 2
    • 小小杰
      小小杰
      2019-08-23
      没有
      2019-08-23
      回复
    • 2019-08-23回复小小杰
      cursor-spacing设置100试试
      2019-08-23
      回复
登录 后发表内容
问题标签