html - 在移动 Safari 中通过输入字段进行制表会使浏览器跳转

标签 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

最佳答案

经过更多研究,这似乎与 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 元素交互,则该修复不起作用。跳跃错误仍然存​​在。

关于html - 在移动 Safari 中通过输入字段进行制表会使浏览器跳转,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31126330/

相关文章:

android - 有多少用户启用了推送通知?

ios - Swift 中的 PageViewController,索引一直评估为 nil

angularjs - 如何在布局内水平滚动= Angular Material 中的行

css - 溢出滚动不滚动?

javascript - Treant 可折叠节点文本方向

html - CSS 圆 Angular 不适用于所有图标

与浏览器相比,HTML 表格在 Gmail 中显示不同

android - 在字符串中使用 HTML

ios - 将依赖 watchOS 应用程序转换为独立 watchOS 6 的影响

java - Android PDF ScrollView 单个连续页面