IOS虚拟键盘遮挡页面底部文本框

Posted 2023-03-14

【中文标题】IOS虚拟键盘遮挡页面底部文本框

【英文标题】：IOS virtual keyboard obscuring page bottom text box

【发布时间】：2019-02-15 06:18:18

【问题描述】：

我们有一个带有固定页眉和页脚以及可滚动内容的网页。

它有 20 个文本框。底部的那些例如Zip、Telephone 被在文本框焦点上弹出的 ios 虚拟键盘遮挡。

如果我检测到用户有一个带有虚拟键盘的设备，我可以在底部文本框添加半个屏幕填充，以便用户可以向下滚动并且虚拟键盘不会遮挡它。

这是处理它的正常方法吗？如果是，是否有 javascript/css 方法来检测设备是否会弹出虚拟键盘？还是因为它是一个 aspx 页面，我们应该尝试在服务器端检测它吗？

【参考方案1】：

实际上，iOS 现在似乎没有这个问题——而是它自下而上地向上推而不是弹出来。我不知道以前为什么会这样。

【参考方案2】：

添加内边距肯定会有效，尽管它可能会稍微降低您网页的质量。但是，如果这是一个需要立即采取措施的反复出现的问题，我建议使用填充。

*** 上的这个问题应该对你很有帮助： Move a view up only when the keyboard covers an input field

【参考方案3】：

是的，通常你应该添加填充，然后它会上升并且更加用户友好。我认为这是个好主意。我觉得很正常。