位置: IT常识 - 正文
uniapp小程序自定义顶部导航栏，输入框软键盘把顶部顶上去的解决方法(uniapp小程序自定义tabbar在iOS手机上太高了)
编辑：rootadminuniapp小程序自定义顶部导航栏，输入框软键盘把顶部顶上去的解决方法 
本文链接地址:https://www.jiuchutong.com/zhishi/276676.html
转载请保留说明！
推荐整理分享uniapp小程序自定义顶部导航栏，输入框软键盘把顶部顶上去的解决方法(uniapp小程序自定义tabbar在iOS手机上太高了)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:uniapp小程序自定义头部导航栏,uniapp小程序自定义卡片布局,uniapp小程序自定义组件,uniapp小程序自定义弹窗,uniapp小程序自定义卡片布局,uniapp小程序自定义底部导航栏,uniapp小程序自定义卡片布局,uniapp小程序自定义组件,内容如对您有帮助，希望把文章链接给更多的朋友！
首先在小程序input标签增加:adjust-position="false"的属性，然后已经可以把软键盘不使上方顶出，但是输入框也会因此被遮挡
解决方法：在input输入框聚焦的方法中增加操作
@focus="inputBindFocus"
定义方法
inputBindFocus(e) { if (e.detail.height) { this.inputHeight = e.detail.height //这个高度就是软键盘的高度 } },最后给所需要的div增加，动态绑定样式，问题就解决了
:style="{position: 'relative',bottom:inputHeight+'px'}"图片：
补充：跳转页面，返回聊天页面后，底部聊天框会自己弹上去，我用uniapp页面监听传值不好使。之后用watch监听判断本地储存改变来进行高度改变
跳转页面的时候储存一个值，返回时进行判断，监听改变。
上一篇：Mac系统怎么在侧栏监控系统资源？(mac侧边栏设置)
下一篇：Mac怎么使用PP助手下载壁纸具体该怎么操作(macos ppt软件)
