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

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

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

图一

图二

解决办法

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

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

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

相关推荐
巴巴博一6 小时前
UniApp 纯前端实现企业级购物车:Vuex + Storage 多用户状态管理闭环方案
前端·vue.js·uni-app·状态模式
浮桥6 小时前
uniapp页面列表列表请求hook记录
前端·javascript·uni-app
bluceli6 小时前
前端微前端架构实战指南:构建可扩展的大型应用架构
前端
阿懂在掘金6 小时前
Vue Asyncx 库三周年,回顾起源时的三十行代码
前端·typescript·开源
一只不会编程的猫6 小时前
Echart 3D环形图
前端·javascript·3d
脸大是真的好~6 小时前
黑马AI+前端教程 01-HTML-Trae-F12-live Server-标签-块级和内联元素-图片格式-路径
前端·html
楚城相拥6 小时前
uniapp引入bmob实现预览
uni-app
前端付豪6 小时前
拍照识题 OCR
前端·后端·python
专业流量卡6 小时前
龙虾写useEffect源码第二天
前端
2501_915921436 小时前
iOS APP上架工具,在没有 Mac 的环境中发布苹果应用
android·macos·ios·小程序·uni-app·iphone·webview