如何解决如何使用javascript或css获取手机的虚拟键盘高度?
问题:
我想在手机的虚拟键盘上方放置一个固定元素,如下图所示。我希望将div
固定在虚拟键盘上方。另外,我正在使用react。是否可以使用框架解决此问题?
我的临时解决方案:
我对bottom position
的{{1}}进行了硬编码,使其位于虚拟键盘上方。但是,我希望它具有灵活性并能对所有不同的移动设备做出响应。我尝试在互联网上搜索答案,但没有一个对我有用。
div
是否有任何可能的解决方案来帮助您进行调整?任何帮助都会很棒,我非常感谢。
解决方法
如果父元素的高度为100%,则可以执行此操作
您可以看到此exemple
,您必须使用fixed
位置并添加一个bottom: 0
值,参见https://developer.mozilla.org/en-US/docs/Web/CSS/position
position: fixed;
bottom: 0
因此您的元素固定在视口的底部
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。