javascript - 如何使用 javascript 或 css 获取手机的虚拟键盘高度？

问题：

我想在手机的虚拟键盘上方放置一个固定元素，如下图所示。我希望将div其固定在虚拟键盘上方。另外，我正在使用反应。有没有办法使用框架来解决这个问题？

我的临时解决方案：

我对bottom position的进行了硬编码，div因此它位于虚拟键盘上方。但是，我希望它能够灵活响应所有不同的移动设备。我尝试在互联网上搜索答案，但没有一个对我有用。

.toolbar {
position: absolute;
bottom: 270px;
}

是否有任何可能的解决方案来帮助调整这一点？任何帮助都会很棒，我将不胜感激。

标签： javascripthtmlcssreactjsmobile