移动端rem布局，在有虚拟键盘的手机上，下方fixed的tab被虚拟现实键盘遮挡，怎么解决

Question

• 问题：移动端app，用rem布局，在有虚拟键盘的手机上（安卓手机，比如华为、oneplus，内容区域被虚拟键盘遮挡。
• 解决：试着让原生解决，一直解决不了。
• 具体问题截图：

• 补充：以为是fixed定位的问题，但是试着让内容充满全屏幕，发现问题依旧存在。想实现qq这样的效果，求方法。

Answer 1

原生端解决，改了webview高度，带快捷键的手机，快捷键出来后，会自动显示到下方，不会影响布局。

Answer 2

没看到键盘啊

Answer 3

其实这种更常见的是检测屏幕的高度，如果高度变化未一个值，说明键盘弹起，这是innerHeight是会变小的，这时就js重新做个定位

Answer 4

var original = document.documentElement.clientHeight;

        window.addEventListener("resize", function() {
            var resizeHeight = document.documentElement.clientHeight;
            if(resizeHeight != original) {
                $('.footer').css('display', 'none');
            } else {
                $('.footer').css('display', 'block');
            }
        });

Answer 5

请问楼主是怎么解决的 我也遇到同样的问题 但我的是一个H5 不是APP

Answer 6

H5端怎么解决。