uni-app制作聊天页面时，点击底部输入框弹出键盘上推页面问题解决方案

最新推荐文章于 2024-06-06 13:59:50 发布

小蓝Lany

最新推荐文章于 2024-06-06 13:59:50 发布

阅读量6.4k

点赞数 2

分类专栏：一些坑

本文链接：https://blog.csdn.net/weixin_44646986/article/details/112753567

版权

本文介绍了uni-app制作聊天页面时遇到的键盘弹起导致页面上推问题的解决步骤，包括页面结构设计、定义消息列表高度以适应键盘变化，以及监听键盘高度变化事件来动态调整布局。通过这些方法，可以实现聊天页面的流畅体验。

摘要由CSDN通过智能技术生成

先来看看聊天页面结构设计，外层布局如下：

<template>
	<view>
		<!-- 消息列表 -->
		<scroll-view class="msg-list" scroll-y="true">
		</scroll-view>
		
		<!-- 底部输入栏 -->
		<view class

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

关注关注