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

  

用户可扩展的

     

确定用户是否可以放大和   out-用户是否可以更改视口的比例。组   是允许缩放，不禁止缩放。默认是   是。将用户可扩展性设置为“否”也会阻止网页   在输入字段中输入文本时滚动。