微信小程序input弹出键盘挡住文字的问题

解决思路：阻止键盘弹起时，自动上推页面。输入框获取焦点的时候让页面绝对定位，相对底部 100 像素。失去焦点的时候清空相对底部的距离

.wxml

<view style='position:relative;bottom:{{input_bottom}}px'>    
  <input adjust-position='{{false}}' bindfocus="focus" bindblur='no_focus'></input>  
</view>
 

.js

Page({
  data: {  
    input_bottom:0
  },
 
  // 获取到焦点
  focus: function (e) {
    this.setData({
      input_bottom: 100
    })
  },
 
  // 失去焦点
  no_focus: function (e) {
      this.setData({
        input_bottom: 0
      })
  },
})