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

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

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

图一

图二

解决办法

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

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

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

相关推荐
mucheni1 分钟前
迅为RK3568开发板OpeHarmony学习开发手册-修改应用程序名称
linux·前端·学习
WebGirl4 分钟前
SSE服务
前端
Mintopia9 分钟前
🛰️ 低带宽环境下的 AIGC 内容传输优化技术
前端·人工智能·trae
h***346314 分钟前
Nginx 缓存清理
android·前端·后端
Mintopia22 分钟前
⚡Trae Solo Coding 的效率法则
前端·人工智能·trae
wa的一声哭了31 分钟前
WeBASE管理平台部署-WeBASE-Web
linux·前端·网络·arm开发·spring boot·架构·区块链
孟陬32 分钟前
我的 starship 终端配置
前端
Moment33 分钟前
专为 LLM 设计的数据格式 TOON,可节省 60% Token
前端·javascript·后端
JarvanMo34 分钟前
Apple更新App审核条款,严打擅自与第三方 AI 共享个人数据的应用
前端
掘金安东尼35 分钟前
🧭 前端周刊第440期(2025年11月10日–11月16日)
前端