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 不会调整浏览器窗口的大小而是向上移动它部分离屏

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