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

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

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

图一

图二

解决办法

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

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

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

相关推荐
孟祥_成都16 分钟前
前端角度学 AI - 15 分钟入门 Python
前端·人工智能
掘金安东尼17 分钟前
Astro 十一月更新:新特性与生态亮点(2025)
前端
拉不动的猪18 分钟前
判断dom元素是否在可视区域的常规方式
前端·javascript·面试
Hilaku37 分钟前
如何用隐形字符给公司内部文档加盲水印?(抓内鬼神器🤣)
前端·javascript·面试
guxuehua40 分钟前
Monorepo Beta 版本发布问题排查与解决方案
前端
猫头虎-前端技术41 分钟前
小白也能做AI产品?我用 MateChat 给学生做了一个会“拍照解题 + 分步教学”的AI智能老师
前端·javascript·vue.js·前端框架·ecmascript·devui·matechat
b***666142 分钟前
前端的dist包放到后端springboot项目下一起打包
前端·spring boot·后端
栀秋66643 分钟前
ES6+新增语法特性:重塑JavaScript的开发范式
前端·javascript
爱分享的鱼鱼1 小时前
Vue动态路由详解:从基础到实践
前端
未来之窗软件服务1 小时前
幽冥大陆(三十七)文件系统路径格式化——东方仙盟筑基期
前端·javascript·文件系统·仙盟创梦ide·东方仙盟