收藏
回答

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

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

复现问题的步骤如下:

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

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

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



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


最后一次编辑于  08-23  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

3 个回答

  • 社区技术运营专员-娇华
    社区技术运营专员-娇华
    08-23

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

    08-23
    赞同
    回复 5
  • 。。。
    。。。
    10-18

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

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


    10-18
    赞同
    回复
  • 不会取名字
    不会取名字
    08-23

    有用 spacing 调整距离么

    08-23
    赞同
    回复 2
    • 小小杰
      小小杰
      08-23
      没有
      08-23
      回复
    • 不会取名字
      不会取名字
      08-23回复小小杰
      cursor-spacing设置100试试
      08-23
      回复
问题标签