苹果系统弹出键盘造成可视高度挤压问题

之前一直困扰着一个问题,就是手机经常会提交表单,然后弹框,就需要输入,这个时候键盘就会弹出来,有一次测试的时候发现苹果在选择选项之后想要提交,但是按钮死活点不动。今天心血来潮决定一定要解决这个问题。

其实想一想应该挺简单的。

在ios系统中,微信浏览器底部是有下滑空间的

像这样

当键盘弹出,没有挤压到按钮,这个时候提交是没有问题的。

但是当视口高度挤压之后,按钮会在可视范围之内,但是按钮本体呢,其实并没有在可是范围内。键盘收起之后,画面弹回去,但是实际的情况是这样的。

可以看到蒙版已经缩放正常了,但是底下依旧是留白部分,我猜这就是为啥按钮点不动的原因,这是一个没有灵魂的按钮hhhhhh。

于是在select 进行change动作之后,手动把window的scroll设置为0.

当当当当,问题解决,现在按钮的灵魂能够灵活归位了。 

posted @ 2019-08-22 17:38  顾笙言啊顾笙言  阅读(575)  评论(0编辑  收藏  举报