如何处理覆盖固定元素的Android键盘？

Question

我的网站上有私人消息功能。消息窗口是一个固定元素：

position: fixed;
bottom: 0;

在 iOS 上，当打开位于消息窗口最底部的输入时，键盘只是将整个网站推到顶部，这样您仍然可以看到您正在输入的内容。

但是，在 Android 上，键盘只是重叠所有内容，因此您不再看到输入元素：

我该怎么做才能让它在 iOS 和 Android 上都能运行？

Answer 1

一种方法是存储初始窗口（视口）高度并在窗口调整大小事件中进行比较。假设在 99% 的情况下智能手机上的窗口大小不会改变，您可以假设正在显示键盘。但是，对我来说，这有点hacky