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

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

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

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

像这样

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

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

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

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

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

转载于:https://www.cnblogs.com/gushengyan/p/11395769.html