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

Question

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

当我在模式打开的情况下向上滚动时，它会回到这样的位置:

什么可能是问题？

Answer 1

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

目前的解决方法是:

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

没有任何变通办法是特别 100% 的解决方案，但 iOS 11 更新还没有解决这个问题。