键盘弹起导致页面上移

问题：聊天页面，如果输入框设置了adjust-position属性为true，会导致键盘弹起时，整个页面上移，顶部导航栏也会跟着上移。

我想要的效果：键盘弹起时，页面内容上移，顶部导航栏保持不动

解决方法：

1、先将 :adjust-position="false"

2、使用 uni.onKeyboardHeightChange 方法监听键盘高度变化

data() {return {keyboardHeight: 0,}
},
onReady() {// 监听键盘高度变化uni.onKeyboardHeightChange((res) => {if (res.height > 0) {this.keyboardHeight = res.height;} else {this.keyboardHeight = 0;}});
},

ps：也可以用textarea里的方法@keyboardheightchange="keyboardheightchange"去监听键盘高度

3、页面内容设置css：

<view class="box-2" :style="[{transform:`translateY(-${keyboardHeight}px)`}]">
</view>