光标在移动网站中向下移动 - 奇怪的问题可能是苹果键盘的cz

Question

我正面临这个奇怪的问题，我认为是因为苹果键盘。当我点击输入字段时，键盘来自底部，光标向下移动，如下所示：

当我向上滚动模态打开时，它会回到这样的位置：

可能有什么问题？

Answer 1

这是iOS 11中的一个已知问题，当<input>元素位于position:fixed容器内并在this blogpost中进行了详细描述时发生。

目前的解决方法是：

1. 制作模态窗口position: absolute而不是fixed
2. 使用display:none隐藏模态背后的内容并拉伸模式以覆盖整个页面
3. 完全避免模态

没有一种解决方法特别是100％的解决方案，但iOS 11的更新都没有解决问题。