通过移动Safari中的input字段进行选项卡使浏览器跳转

有没有办法专注于这个领域,但没有这个animation? 当键盘可见时,这种行为尤其糟糕。

– 更新 –

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

固定它的一个巧妙的技巧是设置float: left; clear: left; float: left; clear: left; 在input字段( Safari中的跳转input字段 )

但是,如果需要与某个position: fixed进行交互,该修复方法将无法工作position: fixed元素! 跳跃的错误依然存在。


演示

 <!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> 

在这里输入图像说明