uniapp 解决键盘弹出页面内容挤压问题

page.json 配置

加 "app-plus": {

"softinputMode": "adjustResize"

}

javascript 复制代码
	{
		"path": "pages/jxx/xx",
		"style": {
			"navigationBarTitleText": "贺卡DIY",
			"enablePullDownRefresh": false,
			"app-plus": {
						"softinputMode": "adjustResize"
			}
		}
	},

背景图不要设置成高100%,实时监控窗口高度给背景图高赋值。

javascript 复制代码
<view class="bgbg" :style="{height: screenHeight == 0 ? '100%':screenHeight+'px'}"></view>
javascript 复制代码
created() {
			this.screenHeight = uni.getSystemInfoSync().windowHeight; 
},

ok完美解决。

相关推荐
宠友信息2 小时前
多端即时通讯源码技术实践,Redis路由、MySQL持久化与Socket接入
spring boot·websocket·mysql·uni-app
宠友信息4 小时前
Spring Boot与异步审核构建仿小红书源码内容发布全流程
java·数据库·spring boot·redis·mysql·oracle·uni-app
蜡台4 小时前
uniapp vue2 转 vue3
前端·javascript·uni-app·vue3·vue2
2501_916008897 小时前
iOS 证书管理最佳实践 从创建到续期的完整指南
android·ios·小程序·https·uni-app·iphone·webview
敖行客 Allthinker1 天前
UniApp iOS APNs 推送证书一站式配置
uni-app·mac
梦曦i1 天前
uni-router新推useUniEventChannel,彻底解决页面通信难题
前端·uni-app
宠友信息1 天前
内容社区源码多端数据协议与 Spring Boot 状态流转实现思路
java·spring boot·websocket·uni-app
2501_915918411 天前
PerfDog 太贵?iOS 性能监控工具的功能对比与选择
android·ios·小程序·https·uni-app·iphone·webview
PedroQue991 天前
uni-router新推useUniEventChannel,彻底解决页面通信难题
前端·uni-app
2501_915909062 天前
IPA 深度混淆是什么意思?从混淆强度到实际效果的解读
android·ios·小程序·https·uni-app·iphone·webview