解决 uni-app 微信小程序 input 输入框在底部时，键盘弹起页面整体上移问题

问题是这样的 input 获取焦点时会自动调起手机键盘，设置 :adjust-position=“true”，会导致键盘弹起时页面整体上移，这篇文章主要介绍了解决 uni-app 微信小程序 input 输入框在底部时，键盘弹起页面整体上移问题

input 获取焦点时会自动调起手机键盘，设置:adjust-position=“true”，会导致键盘弹起时页面整体上移

• 设置使键盘弹起使页面不上移
• 设置输入框所在盒子为绝对定位
• 键盘弹起时获取键盘高度
• 设置输入框所在盒子的 bottom 的键盘高度

  
 inputBindFocus(e) {
        // 获取手机键盘的高度，赋值给input 所在盒子的 bottom 值
        // 注意!!! 这里的 px 至关重要!!! 我搜到的很多解决方案都没有说这里要添加 px
        this.$emit('changeBottomVal',  e.detail.height + 'px')
    },
    
    inputBindBlur() {
        // input 失去焦点，键盘隐藏，设置 input 所在盒子的 bottom 值为0
        this.$emit('changeBottomVal', 0)
    }
	CSS 
	.message-input {
    flex-shrink: 0;
    width: 100%;
    position: absolute; // input 所在盒子设置绝对定位
    left: 0;
    bottom: 0; // 默认 0
    z-index: 199;
}