**

底部是单行输入框:

**
因为是当行输入框,可用小程序组件自带的cursor-spacing(光标到键盘的距离),设置输入框到键盘的距离即可小程序 键盘挡住底部输入框解析

**

底部是多行输入框textarea

**
解题思路:输入框会被键盘挡住,是因为输入框的高度没有键盘高度高,可将输入框与底部的距离设置为键盘的高度即可

  1. 编写样式,判定输入框获取焦点时,将输入框与底部的padding / height 增加;
  2. bindfocus事件可获取键盘的高度,e.detail.height
    注意:因为PC端的编辑器没有键盘,可在手机上预览时进行调试,可以看到这个参数
  3. 失去焦点时将第一步设置的距离恢复为0即可;小程序 键盘挡住底部输入框解析

斜体样式遗留问题:focus=’{{focus}}’ 与 focus=‘focus’ 究竟有什么区别

相关文章:

  • 2022-12-23
  • 2021-07-31
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-01-14
猜你喜欢
  • 2022-12-23
  • 2021-08-04
  • 2021-05-20
  • 2022-01-19
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案