Ale*_*x W 9 keyboard jquery web-applications input ios
我正在开发一个webapp,在屏幕的下半部分有两个输入字段.父视图绝对位于屏幕上.通常,人们会假设在单击输入字段时,焦点会强制输入进入键盘上方的视图.但是,键盘覆盖输入字段.
如果我开始输入,则不会输入任何内容.为了输入字段,我必须点击下一个箭头,然后点击前一个箭头(>转到字段#2然后<返回字段1)以获取输入以进行查看.
我已经尝试调整视图以使溢出滚动,位置相对和以编程方式设置焦点点击.这些解决方案都不起作用.不幸的是,我只能找到与UITextViews相关的答案以及那些具有完全相反问题的人(即不希望它自动滚动.)
以下是Scrolling to selected element whiletyping on iphone safari virtual Keyboard 中类似问题的答案的引用
“好吧，这可能是你见过的最糟糕的黑客攻击，但它没有什么比这更好的了。
您可以做的是将文本框的位置动态（使用javascript）更改为固定位置：固定，这会将文本框的位置更改为相对于浏览器窗口而不是页面。这应该会使 Iphone 的滚动变得无关紧要，并且无论如何，您的文本框都应该位于页面顶部。然后在 onBlur 上，CSS 位置再次设置为相对（这应该将其放回原位）。
为了使这个更漂亮，您可以在文本框 onFocus 后面放置一个 div，以便隐藏实际的网站内容，并且您可以使用顶部和左侧的 css 属性将文本框居中（只需确保也清除这些 onBlur）。