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

Question

有没有办法专注于这个领域,但没有这个不和谐的动画？当键盘可见时,行为尤其糟糕.

演示

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>

Answer 1

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

float: left; clear: left;在某些情况下修复此问题的一个巧妙技巧是在输入字段上进行设置（ Safari 中的跳转输入字段）

但如果需要与元素交互，则该修复不起作用position: fixed。跳跃错误仍然存​​在。