登录 | 注册
小程序交流 +关注 已有0人关注 +发表新主题

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

发表在 2019-3-7 12:27 来自PC 复制链接 手机看帖 扫一扫!手机看帖更爽 0 442

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

微信小程序 - 弹出键盘遮挡住输入框解决方案
在开发微信小程序的时候遇到,输入用户名或者手机号以及地址,手机键盘调起来,会把输入框遮挡。
如图:

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

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

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

微信小程序 - 弹出键盘遮挡住输入框解决方案
以上两张图是自己工作中遇到的,此处不要着急,一个属性帮你搞定。
cursor-spacing:指定光标与键盘的距离,单位px或rpx,默认为px。取 input 距离底部的距离和 cursor-spacing 指定的距离的最小值作为光标与键盘的距离

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

微信小程序 - 弹出键盘遮挡住输入框解决方案
微信小程序开发文档api:
https://developers.weixin.qq.com/miniprogram/dev/component/input.html
https://developers.weixin.qq.com/miniprogram/dev/component/textarea.html

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

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

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

微信小程序 - 弹出键盘遮挡住输入框解决方案
最终呢,就解决输入框被遮挡问题喽!

扫描二维码,手机查看本帖
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

返回顶部
快速回复 发贴