在Windows 8平板电脑上处理虚拟键盘

Question

在我的网页中,我有一个文本输入字段,在Windows 8.1平板电脑中被键盘覆盖.

我希望平板电脑能够"推高"网页内容(因为它可以在iPad上运行).

那么:是否有可能使键盘不覆盖我的输入字段？我可以通过javascript检测虚拟键盘是否处于活动状态吗？

Answer 1

您可以获得文本字段与屏幕分辨率相比的相对位置，如果该字段位于第二个垂直半部分（即出现后覆盖键盘的空间），则向下滚动网页固定数量的像素。

如果您使用 jQuery，则可以使用jquery.scrollTo插件滚动到具有垂直负偏移量的字段，因此该字段始终可见。

插件站点：https ://github.com/flesler/jquery.scrollTo

希望这可以帮助！

我没有 Windows 平板电脑来确定操作系统如何管理键盘弹出窗口，但这种方法在 Android 和 iOS 上对我有效。