原生微信小程序input上移

原生微信小程序input上移

描述

当输入框存在于底部时，移动端聚焦输入框键盘弹起会出现input上移，如图所示：

解决方案

使用了vant weapp的pop弹框，在弹框里面加上scroll-view：
注意popup需要给固定高度

<van-popup
  show="{{ showUser }}"
  position="bottom"
  bind:close="onCloseUser"
  custom-style="height: 750rpx;"
  round
  closeable
>
  <scroll-view class="login-user-pop" scroll-y="{{true}}">
    // 正常布局代码
  </scroll-view>
</van-popup>

.login-user-pop {
  position: fixed;
  height: 100%;
  overflow: auto;
}

解决后

恢复正常了：