通过移动Safari中的输入字段进行跳转可以使浏览器跳转

时间：2015-06-29 22:01:46

标签： html ios scroll mobile-safari

有没有办法专注于这个领域，但没有这个刺耳的动画？键盘可见时，行为特别糟糕。

演示

http://plnkr.co/edit/9OydOFO0KUeKuaH8u70A?p=info 

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
  </head>
  <body>
    <form>
      <input>
      <input>
      <input>
      <input>
      <input>

       ...

      <input>
    </form>
  </body>
</html>

enter image description here

1 个答案:

答案 0 :(得分：0)

经过一些研究，这似乎与iOS中的焦点跳跃错误有关。 （https://remysharp.com/2012/05/24/issues-with-position-fixed-scrolling-on-ios#focus-jumping）

修复一些实例的一个巧妙方法是在输入字段Jumping input fields in Safari上设置float: left; clear: left;

但是，如果需要与position: fixed元素进行交互，则该修复无效。跳跃的bug仍然存在。

相关问题
最新问题