【uniapp】软键盘弹出后fixed定位被顶上去问题

敲代码的旺仔2023-08-11 21:09

问题描述

当手机设计的导航栏为fixed定位上去时，输入框获取焦点就会把顶部自定义的导航栏顶到上面去，如下图所示

输入框设置 :adjust-position="false"

复制代码

<input type="text"  :adjust-position="false" @focus="inputBindFocus" @blur="outBindFocus"/>

当输入框获取焦点时获取到软键盘的高度，方法为inputBindFocus

复制代码

inputBindFocus(e) {
if (e.detail.height) {
	   this.fixTop = e.detail.height //这个高度就是软键盘的高度
  }
 },

失去焦点时的方法

复制代码

outBindFocus() {
				this.fixTop = 0;
			},

然后把fiexTop给弹窗的最外层加上padding就好了

复制代码

<view class="popCon" :style="'padding-bottom:'+fixTop+'px'">

亲测有效，哈哈，但是有一点延迟，不知道大佬有没有好的解决办法，欢迎评论