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

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

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

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

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

标签： javascripthtmlioscss

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

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