记录小程序输入框软键盘把顶部顶上去的解决方法
首先在小程序input标签增加:adjust-position="false"的属性,然后已经可以把软键盘不使上方顶出,但是输入框也会因此被遮挡
解决方法:在input输入框聚焦的方法中增加操作
@focus="inputBindFocus"
定义方法
inputBindFocus(e) {
if (e.detail.height) {
this.inputHeight = e.detail.height //这个高度就是软键盘的高度
}
},
最后给所需要包裹输入框的元素增加,动态绑定样式,问题就解决了
:style="{position: 'relative',bottom:inputHeight+'px'}"
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!