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

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

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

图一

图二

解决办法

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

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

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

相关推荐
你的人类朋友8 分钟前
git中的Fast-Forward是什么?
前端·git·后端
初遇你时动了情13 分钟前
uniapp vue3 ts自定义底部 tabbar菜单
前端·javascript·uni-app
JarvanMo29 分钟前
天塌了?Flutter工程总监跑去苹果了?
前端
烛阴2 小时前
掌握 TypeScript 的边界:any, unknown, void, never 的正确用法与陷阱
前端·javascript·typescript
Jerry2 小时前
迁移到 Jetpack Compose
前端
FFF-X2 小时前
前端无感刷新 Token 的 Axios 封装方案
前端
qq_589568102 小时前
javaweb开发笔记—— 前端工程化
java·前端
gnip3 小时前
包管理工具的发展
前端
前端工作日常4 小时前
H5 实时摄像头 + 麦克风:完整可运行 Demo 与深度拆解
前端·javascript
韩沛晓4 小时前
uniapp跨域怎么解决
前端·javascript·uni-app