通过移动 Safari 中的输入字段切换使浏览器跳转答案

【问题标题】：Tabbing through input fields in mobile Safari makes browser jump通过移动 Safari 中的输入字段切换使浏览器跳转
【发布时间】：2018-01-20 05:36:50
【问题描述】：

有没有办法专注于球场，但没有这种不和谐的动画？当键盘可见时，这种行为尤其糟糕。

演示

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>

【问题讨论】：

这为我节省了很多时间和麻烦。祝福你。
@BrandonBrown 哈哈很高兴它有帮助。我不敢相信这仍然是 iOS Safari 中的一个错误。

标签： html ios scroll mobile-safari

【解决方案1】：

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

在某些情况下修复它的一个巧妙技巧是在输入字段上设置float: left; clear: left; (Jumping input fields in Safari)

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

【讨论】：