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

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

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

图一

图二

解决办法

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

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

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

相关推荐
葡萄城技术团队2 分钟前
在数据录入、指标补录、表单填报场景中,SpreadJS 具备哪些优势和价值
前端
孟陬16 分钟前
AI 每日心得——AI 是效率杠杆,而非培养对象
前端
漆黑骑士28 分钟前
Web Component
前端
San3030 分钟前
深入理解 JavaScript 事件机制:从事件流到事件委托
前端·javascript·ecmascript 6
行走在顶尖34 分钟前
基础随记
前端
Sakura_洁41 分钟前
解决 el-table 在 fixed 状态下获取 dom 不准确的问题
前端
best66643 分钟前
Vue3什么时候不会触发onMounted生命周期钩子?
前端·vue.js
best66644 分钟前
Javascript有哪些遍历数组的方法?哪些不支持中断?那些不支持异步遍历?
前端·javascript·面试
特级业务专家1 小时前
Chrome DevTools 高级调试技巧:从入门到真香
前端·javascript·浏览器
爱学习的程序媛1 小时前
【Web前端】Angular核心知识点梳理
前端·javascript·typescript·angular.js