iOS中表单上的键盘和滚动问题

Question

我在iOS上遇到了一个非常不正常的问题-在表单样式的屏幕上，当我需要在字段中输入信息时，会弹出键盘，但是屏幕却无法显示，也无法滚动，因此无法进行滚动看看我在打字。

在CSS中，我在类中使用此方法：

overflow-x: scroll -webkit-overflow-scrolling touch;
overflow: hidden -webkit-transform translate3d (0,0,0);

奇怪的是，在Android上是正常的 ...

为什么会这样？我该怎么办？

Answer 1

iOS上的键盘的行为非常特殊，这是有关该主题The Eccentric Ways of iOS Safari with the Keyboard的精彩文章的引文：

根本的问题是，由于用户点击屏幕底部附近的文本输入框而出现软键盘时，Safari不会调整浏览器窗口的大小，而是向上移动浏览器窗口，使其部分脱离屏幕

您可能会阻止身体向上移动，因此请确保没有任何代码会干扰它。