关于移动端软键盘弹出-页面上移

本文讨论了在移动端输入电话号码后,关闭软键盘导致页面上移并影响用户体验的问题。作者发现测试时未出现此问题是因为没有关闭软键盘的习惯,而在实际操作中,页面会因软键盘关闭而塌陷。为了解决这个问题,作者分享了相关代码片段。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

关于移动端软键盘弹出-页面上移


测试提了一个bug,说的是除了iphone6 7 7puls不兼容收不到验证码,其他Android和ios都是ok的,才发现原来是软键盘弹出以后导致页面上移导致页面塌陷了。在iphone7测试的时候,只要软键盘一弹出,输完电话号码以后,关闭软键盘,怎么点击获取验证码都直接出了一个注册按钮的点击事件,话不多说,直接上图。

在这里插入图片描述
只要我输完电话号码,关闭软键盘,随便我怎么点击都是直接弹出“请输入验证码”,这个是弹窗是注册按钮的点击事件,都是因为页面上移导致页面塌陷了。我还在纳闷为什么我测试的时候都是好的,原来我没有关闭软键盘的习惯,输完电话号码的时候,直接点击了获取验证码的按钮。

在这里插入图片描述

直接上代码吧:

在这里插入图片描述
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值