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

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

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

图一

图二

解决办法

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

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

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

相关推荐
讨厌下雨的天空20 小时前
缓冲区io
linux·服务器·前端
2501_9159090620 小时前
iOS App 测试工具全景指南,构建从开发、性能到系统级调试的多工具协同测试体系
android·测试工具·ios·小程序·uni-app·iphone·webview
xhxxx20 小时前
《深入理解 JavaScript 对象:属性命名、访问与遍历的那些细节》
前端·javascript
BBB努力学习程序设计20 小时前
Web App开发基础知识:从零构建现代化Web应用
前端·html
BBB努力学习程序设计20 小时前
使用Bootstrap框架搭建简单页面:快速构建现代化网站
前端·html
西洼工作室20 小时前
CSS响应式布局全攻略
前端·css·响应式布局·栅格系统
用户938169125536020 小时前
VUE3项目配置
前端
MegatronKing21 小时前
一个有意思的问题引起了我的反思
前端·后端·测试
鹤归时起雾.21 小时前
CSS属性继承与元素隐藏全解析
前端·css
火星数据-Tina21 小时前
让电竞数据实时跳动:Spring Boot 后端 + Vue 前端的完美融合实践
前端·vue.js·spring boot