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

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

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

图一

图二

解决办法

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

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

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

相关推荐
Yvonne爱编码6 分钟前
前端工程化进阶:从搭建完整项目脚手架到性能优化【技术类】
前端·状态模式
cypking11 分钟前
二、前端规范化 遇到的问题及解决方案
前端
小范馆12 分钟前
STM32F03C8T6通过AT指令获取天气API
前端·javascript·stm32
zhengxianyi51525 分钟前
vue-cli build, vite build 生产部署刷新或弹窗404,页面空白修复方法
前端·javascript·vue.js·nginx·生产部署
Filotimo_28 分钟前
前端项目打包部署完整流程
前端
Savvy..29 分钟前
Day15 Talis 前端
前端
恋爱绝缘体140 分钟前
Vue.js 组件 - 自定义事件【1】
前端·javascript·vue.js
梦65043 分钟前
JavaScript ES5 + ES6+ 字符串 (String) 所有方法大全
前端·javascript·es6
卜锦元1 小时前
EchoChat搭建自己的音视频会议系统01-准备工作
c++·golang·uni-app·node.js·音视频
馨谙1 小时前
面试题----用户,组,su,su-,sudo,sudo-,nologin shell
java·前端·数据库