苹果系统弹出键盘造成可视高度挤压问题
之前一直困扰着一个问题,就是手机经常会提交表单,然后弹框,就需要输入,这个时候键盘就会弹出来,有一次测试的时候发现苹果在选择选项之后想要提交,但是按钮死活点不动。今天心血来潮决定一定要解决这个问题。
其实想一想应该挺简单的。
在ios系统中,微信浏览器底部是有下滑空间的
像这样
当键盘弹出,没有挤压到按钮,这个时候提交是没有问题的。
但是当视口高度挤压之后,按钮会在可视范围之内,但是按钮本体呢,其实并没有在可是范围内。键盘收起之后,画面弹回去,但是实际的情况是这样的。
可以看到蒙版已经缩放正常了,但是底下依旧是留白部分,我猜这就是为啥按钮点不动的原因,这是一个没有灵魂的按钮hhhhhh。
于是在select 进行change动作之后,手动把window的scroll设置为0.
当当当当,问题解决,现在按钮的灵魂能够灵活归位了。
技术最菜,头发最少