技术栈

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

南半球与北海道#2024-05-13 12:39

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

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

图一

图二

解决办法

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

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

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

上一篇:图鸟UI vue3:基于Vue3和UniApp的酷炫简洁UI框架
下一篇:【前端开发】Uniapp:路由拦截器配置
相关推荐
confiself
31 分钟前
前端代码渲染截图方案
前端
xkxnq
41 分钟前
第二阶段:Vue 组件化开发(第 21天)
前端·javascript·vue.js
阿珊和她的猫
1 小时前
深入理解 React 中的 Render Props 模式
前端·react.js·状态模式
IT_陈寒
1 小时前
SpringBoot 3.0实战:10个高效开发技巧让你的启动时间减少50%
前端·人工智能·后端
im_AMBER
1 小时前
前端 + agent 开发学习路线
前端·学习·agent
亿坊电商
2 小时前
利于SEO优化的CMS系统都有哪些特点?
前端·数据库
juejin_cn
2 小时前
使用 Codex SDK 轻松实现文字控制电脑
前端
CUYG
2 小时前
Moment.js常用
前端
用户8127482815120
2 小时前
漏学Input知识系列之“偷”走了其他窗口的事件pilferPointers
前端
热门推荐
01GitHub 镜像站点02网站改了域名,如何查找?03Labelme从安装到标注:零基础完整指南04Linux下V2Ray安装配置指南05安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)06【踩坑笔记】50系显卡适配的 PyTorch 安装07AI 规范驱动开发“三剑客”深度对比:Spec-Kit、Kiro 与 OpenSpec 实战指南082025-04-03 Latex学习1——本地配置Latex + VScode环境09Netlify 的深度解析及使用指南10电脑设置定时关机有多种方法(含python代码)