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

问题是这样的input ，textarea获取焦点时会自动调起手机键盘，设置 :adjust-position=“true”，和不设置都会导致键盘弹起时页面整体上移。input 获取焦点时会自动调起手机键盘，设置 :adjust-position=“true”，会导致键盘弹起时页面整体上移。设置输入框所在盒子的bottom的键盘高度。设置输入框所在盒子为绝对定位。设置使键盘弹起使页面不上移。键盘弹

Sunny

3492人浏览 · 2023-02-18 17:26:23

Sunny · 2023-02-18 17:26:23 发布

问题是这样的input ，textarea获取焦点时会自动调起手机键盘，设置 :adjust-position=“true”，和不设置都会导致键盘弹起时页面整体上移
在这里插入图片描述

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

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

解決方案
:adjust-position=“false”

<textarea
          class="flex buyer_input_fd2_0"
          confirm-type="done"
          :placeholder="'说出你的问题，已购买的人会帮你解答哦~'"
          :maxlength="180"
          :show-num="true"
          placeholder-style="color:#999;font-size:28rpx"
          v-model="content"
          :adjust-position="false"
        />