微信小程序 - 弹出键盘遮挡住输入框解决方案

发布：2018-11-26 11:40浏览：次来源：网络作者：cola

在开发微信小程序的时候遇到，输入用户名或者手机号以及地址，手机键盘调起来，会把输入框遮挡。

如图：

微信小程序 - 弹出键盘遮挡住输入框解决方案(图1)

微信小程序 - 弹出键盘遮挡住输入框解决方案(图2)

以上两张图是自己工作中遇到的，此处不要着急，一个属性帮你搞定。

cursor-spacing：指定光标与键盘的距离，单位px或rpx，默认为px。取 input 距离底部的距离和 cursor-spacing 指定的距离的最小值作为光标与键盘的距离

微信小程序 - 弹出键盘遮挡住输入框解决方案(图3)

微信小程序开发文档api:

https://developers.weixin.qq.com/miniprogram/dev/component/input.html

https://developers.weixin.qq.com/miniprogram/dev/component/textarea.html

微信小程序 - 弹出键盘遮挡住输入框解决方案(图4)

微信小程序 - 弹出键盘遮挡住输入框解决方案(图5)

最终呢，就解决输入框被遮挡问题喽！

免责声明：本站所有文章和图片均来自用户分享和网络收集，文章和图片版权归原作者及原出处所有，仅供学习与参考，请勿用于商业用途，如果损害了您的权利，请联系网站客服处理。