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

Question

在我的网页中，我有一个文本输入字段，它由Windows8.1平板电脑中的键盘覆盖。

我希望平板电脑能“向上推”网页内容(就像它在iPad上工作一样)。

那么:是否有可能使键盘不覆盖我的输入字段？我能否检测到一个虚拟键盘是否激活了javascript？

Answer 1

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

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

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

希望这能有所帮助！

我没有Windows来确定操作系统是如何管理键盘弹出的，但是这种方法在Android和iOS上对我起了作用。