解决uniapp软键盘弹起导致页面fixed定位元素被顶上去

在移动端开发中通常导航栏需要固定在页面的最顶端,但当页面中有输入框且dom元素较多时,点击输入框弹出软键盘会促使导航栏往上移

正常情况如图一所示,软键盘弹起如图二所示

图一

图二

解决办法

1)给输入框添加 :adjust-position="false" 属性

2)在pages.json中给页面的style添加 softinputMode 设置

这世界很喧嚣,做你自己就好

相关推荐
橘子海全栈攻城狮8 小时前
【最新源码】基于springboot的会议室预订系统设计与实现 014
java·开发语言·前端·spring boot·后端·spring·自动化
1024肥宅8 小时前
前端常用模式:提升代码质量的四大核心模式
前端·javascript·设计模式
carry杰8 小时前
nacos bootstrap.yml 动态配置开发测试线上模式
前端·bootstrap·html
少年张二狗8 小时前
Vue + Element-UI 图片上传实现拖拽排序功能
前端·vue.js·ui
我又来搬代码了8 小时前
【Android】【Compose】Compose知识点复习(一)
android·前端·kotlin·android studio
哆啦A梦15888 小时前
【vue实战】商城后台管理系统 01 项目介绍
前端·javascript·vue.js
爱吃土豆的马铃薯ㅤㅤㅤㅤㅤㅤㅤㅤㅤ9 小时前
java实现登录:多点登录互踢,30分钟无操作超时
java·前端
一字白首9 小时前
Vue Router 进阶,声明式 / 编程式导航 + 重定向 + 404 + 路由模式
前端·javascript·vue.js
广州华水科技9 小时前
单北斗变形监测在水库安全中的应用与维护该如何实施?
前端