防止固定元素在 Mobile 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，支持元标签：

用户可扩展

确定用户是否可以放大和 out——用户是否可以改变视口的比例。放 设置为 yes 以允许缩放，设置 no 以禁止缩放。默认是 是的。将 user-scalable 设置为 no 也会阻止网页 在输入字段中输入文本时滚动。