防止固定元素在移动Safari中的输入焦点上跳跃

Question

我在Safari中遇到了无情的固定位置错误。我在iOS9上，但我在iOS8中也注意到了它。重现该问题（实施例下面的链接）： - 包括具有多个输入的形式 -

1. 位置固定元件在整个屏幕上
2. 与足够的内容填充它所以它的可滚动
3. 集溢流滚动
4. 在移动Safari浏览器中打开它
5. 向下滚动，直到看到第一个输入，然后点击它来集中
6. 滚动了一点，关注下一个（注意看弹性跃）
7. 滚动多一点，专注下一步继续前进。你注意力越多，跳跃越疯狂。

实施例：http://jsbin.com/zaruba/edit?html,css,output

任何帮助理解。

Answer 1

试试这个荟萃：

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" /> 

user-scalable=0无效。

从Safari development library，支持Meta标签：

用户可扩展

确定用户是否可以放大和 出与否，用户可以改变视口的比例。将 设置为是允许缩放，否则禁止缩放。默认是 是的。将用户可扩展设置为“否”还可防止在输入字段中输入文本时滚动的网页。