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

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

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

图一

图二

解决办法

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

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

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

相关推荐
不一样的少年_2 分钟前
Vue3 后台分页写腻了?我用 1 个 Hook 删掉 90% 重复代码(附源码)
前端·vue.js·设计模式
一枚前端小能手6 分钟前
🔥 滚动监听写到手抽筋?IntersectionObserver让你躺平实现懒加载
前端·javascript
我是日安6 分钟前
从零到一打造 Vue3 响应式系统 Day 5 - 核心概念:单向链表、双向链表
前端·vue.js
骑自行车的码农7 分钟前
React SSR 技术解读
前端·react.js
遂心_8 分钟前
React中的onChange事件:从原理到实践的全方位解析
前端·javascript·react.js
GHOME9 分钟前
原型链的原貌
前端·javascript·面试
阳焰觅鱼10 分钟前
react动画
前端
bug_kada11 分钟前
Flex布局/弹性布局(面试篇)
前端·面试
元元不圆11 分钟前
JSP环境部署
前端
槿泽12 分钟前
Vue集成Electron目前最新版本
前端·vue.js·electron