做网站案例彩票网站制作

问题描述

当手机设计的导航栏为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'">

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