防止iPhone Web应用程序滚动输入字段的焦点

Question

当您点击iPhone Safari中网站上的输入字段时，它会自动按照输入居中的方式滚动内容。我想阻止Safari做到这一点，并找到了几个解决方案，其中之一：Preventing an <input> element from scrolling the screen on iPhone?在聚焦后我们使用jQuery.animate（）移回原来的位置。

不幸的是，只有通过Safari呼叫网站，这才有效。只要我将网站添加到主屏幕，就会再次显示焦点上的自动滚动。 现在当我在修改它（使用上面提到的方法）之前和之后写入body / html-element的位置进入控制台时，一切看起来好像它正常工作：web-app认为它已经滚动回到它应该的位置即使我没有在视觉上注意到任何东西。

有什么建议吗？

Answer 1

在React（JSX）中为我修复了输入点击自动居中的问题，

<input onMouseDown={ev => ev.preventDefault()} />

它应该以任何附加事件处理程序的方式工作，例如 addEventListener