微信小程序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
       })
   },
 })