Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ssis/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 在Mobile Safari中防止固定元素在输入焦点上跳跃_Css_Mobile Safari - Fatal编程技术网

Css 在Mobile Safari中防止固定元素在输入焦点上跳跃

Css 在Mobile Safari中防止固定元素在输入焦点上跳跃,css,mobile-safari,Css,Mobile Safari,我在Safari中遇到了一个无情的固定位置错误。我在iOS9上,但我在iOS8上也注意到了这一点。要重现问题(下面的示例链接): 将固定元件放置在整个屏幕上 用足够的内容填充它——包括一个包含多个输入的表单——这样它就可以滚动了 设置溢出滚动条 在mobile Safari中打开它 向下滚动,直到看到第一个输入,然后轻按以聚焦 再滚动一点,聚焦下一个(注意弹性跳跃) 再滚动一点,关注下一个,然后继续。你关注的输入越多,跳跃就越疯狂 例如: 非常感谢您的帮助。请尝试以下方法: <meta n

我在Safari中遇到了一个无情的固定位置错误。我在iOS9上,但我在iOS8上也注意到了这一点。要重现问题(下面的示例链接):

  • 将固定元件放置在整个屏幕上
  • 用足够的内容填充它——包括一个包含多个输入的表单——这样它就可以滚动了
  • 设置溢出滚动条
  • 在mobile Safari中打开它
  • 向下滚动,直到看到第一个输入,然后轻按以聚焦
  • 再滚动一点,聚焦下一个(注意弹性跳跃)
  • 再滚动一点,关注下一个,然后继续。你关注的输入越多,跳跃就越疯狂
  • 例如:

    非常感谢您的帮助。

    请尝试以下方法:

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

    从,支持的元标记:

    用户可伸缩

    确定用户是否可以放大和 确定用户是否可以更改视口的比例。设置 选择“是”允许缩放,选择“否”不允许缩放。默认值是 对将“用户可伸缩性”设置为“否”也可防止网页 在输入字段中输入文本时滚动


    这就是我设置的,问题仍然存在。谢谢你的帮助。