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

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

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

图一

图二

解决办法

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

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

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

相关推荐
拖拉斯旋风11 小时前
你不知道的javascript:深入理解 JavaScript 的 `map` 方法与包装类机制(从基础到大厂面试题)
前端·javascript
over69711 小时前
《JavaScript的"魔法"揭秘:为什么基本类型也能调用方法?》
前端·javascript·面试
该用户已不存在11 小时前
AI编程工具大盘点,哪个最适合你
前端·人工智能·后端
一头小鹿11 小时前
【React Native+Appwrite】获取数据时的分页机制
前端·react native
冴羽11 小时前
这是一个很酷的金属球,点击它会产生涟漪……
前端·javascript·three.js
烛阴11 小时前
为什么 `Promise.then` 总比 `setTimeout(..., 0)` 快?微任务的秘密
前端·javascript·typescript
XiaoSong11 小时前
基于 React Native/Expo 项目的持续集成(CI)最佳实践配置指南
前端·react native·react.js
white-persist11 小时前
汇编代码详细解释:汇编语言如何转化为对应的C语言,怎么转化为对应的C代码?
java·c语言·前端·网络·汇编·安全·网络安全
Larry_Yanan11 小时前
QML学习笔记(五十二)QML与C++交互:数据转换——时间和日期
开发语言·c++·笔记·qt·学习·ui·交互
张愚歌11 小时前
轻松打造个性化Leaflet地图标记
前端·javascript