鍍金池/ 問答/網(wǎng)絡安全  HTML/ 移動端rem布局，在有虛擬鍵盤的手機上，下方fixed的tab被虛擬現(xiàn)實鍵盤遮擋

移動端rem布局，在有虛擬鍵盤的手機上，下方fixed的tab被虛擬現(xiàn)實鍵盤遮擋，怎么解決

  • 問題：移動端app，用rem布局，在有虛擬鍵盤的手機上（安卓手機，比如華為、oneplus，內(nèi)容區(qū)域被虛擬鍵盤遮擋。
  • 解決：試著讓原生解決，一直解決不了。
  • 具體問題截圖：

圖片描述

  • 補充：以為是fixed定位的問題，但是試著讓內(nèi)容充滿全屏幕，發(fā)現(xiàn)問題依舊存在。想實現(xiàn)qq這樣的效果，求方法。

圖片描述

回答
編輯回答
厭遇

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');
            }
        });
2018年4月26日 01:06
編輯回答
避風港

其實這種更常見的是檢測屏幕的高度，如果高度變化未一個值，說明鍵盤彈起，這是innerHeight是會變小的，這時就js重新做個定位

2017年2月12日 05:48
編輯回答
寫榮

原生端解決，改了webview高度，帶快捷鍵的手機，快捷鍵出來后，會自動顯示到下方，不會影響布局。

2017年4月6日 07:51
編輯回答
你的瞳

沒看到鍵盤啊

2018年6月2日 14:09