uni-app微信小程序input输入框页面整体上移问题怎么解决


这篇“uni-app微信小程序input输入框页面整体上移问题怎么解决”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“uni-app微信小程序input输入框页面整体上移问题怎么解决”文章吧。最近的做了个客服聊天的功能,遇到一个问题如下:
手机上点击聊天页底部的input框后,键盘弹起同时页面会整体上移,标题栏被顶上去了。input 获取焦点时会自动调起手机键盘,设置 :adjust-position="true",会导致键盘弹起时页面整体上移设置使键盘弹起使页面不上移设置输入框所在盒子为绝对定位键盘弹起时获取键盘高度设置输入框所在盒子的bottom的键盘高度注意:我这里是将免费云主机域名消息输入部分封装成了组件,引入到它所在的 view 里的,所以需要将键盘高度子传父传值给它所在的盒子,如果是在同一个文件中的话直接将获取到的键盘高度赋值给 bottom 就可以。1. input2. input 所在的盒子:以上就是关于“uni-app微信小程序input输入框页面整体上移问题怎么解决”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注百云主机行业资讯频道。

相关推荐: 纯CSS3如何实现波浪效果

这篇“纯CSS3如何实现波浪效果”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“纯CSS3如何实现波浪效果”文章吧。CSS3波浪效果这是使用 SV…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 03/30 19:10
下一篇 03/30 19:10

相关推荐