收藏
回答

小程序input框为空状态下 聚焦后 切换到手机其他页面再返回 然后聚焦键盘不弹出 但是下方有空白区

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug input 微信安卓客户端 7.0.18 2.12.2
wxml:
<view>
  <scroll-view class="scr">
    <view>
      1、聚焦下方input弹出键盘后
    </view>
    <view>
      2、再 下拉通知栏 切换到手机的其他应用界面 比如进入手机 短信 页面看验证码 或是设置页面
    </view>
    <view>
      3、 然后再切回来 聚焦下方input
    </view>
    <view>
      4、下方会有异常的空白
    </view>
  </scroll-view>
  <input class="inp" cursor-spacing="20" placeholder=""></input>
</view>

wxss:
.scr {
  width: 100vw;
  height: calc(100vh - 100rpx);
  background-color#ccc;
  margin-bottom10rpx;
}
.inp {
  box-sizing: border-box;
  border1rpx solid #ccc;
  height80rpx;
}

js:
  onLoad: function (options) {
    wx.onKeyboardHeightChange((res) => {
        console.log(res.height)
    })
  },

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

2 个回答

  • WANGZHENG
    WANGZHENG
    2021-02-25

    同遇到,有解决吗

    2021-02-25
    有用
    回复
  • 学习使我快乐
    学习使我快乐
    2020-09-14

    想问问这个能修复吗 或者有更好的解决方案

    暂时解决方法是 添加 一个不可见的 input标签或者textarea标签。切换后台 onhide 显示并聚焦。切回 onshow时 隐藏失焦 ==


    2020-09-14
    有用
    回复
登录 后发表内容
问题标签