js－移動端android瀏覽器中input框被軟鍵盤遮住的問題解決方案

解決方案原理：

安卓瀏覽器在軟鍵盤彈出後不會像ios瀏覽器那樣重新計算window的高度，所以導致安卓瀏覽器window的高度在軟鍵盤彈出的時候爲“軟鍵盤的高度＋（window的高度－軟鍵盤的高度）”；而其實，此時，合理的高度應該是頁面的高度＋軟鍵盤彈出的高度；就此解決方案爲如下：

   var winHeight = $(window).height(); //獲取當前頁面高度
                $(window).resize(function() {
                    var thisHeight = $(this).height();
                    if (winHeight - thisHeight > 50) {
                        //當軟鍵盤彈出，在這裏面操作
                        //alert('aaa');
                        $('body').css('height', winHeight + 'px');
                    } else {
                        //alert('bbb');
                        //當軟鍵盤收起，在此處操作
                        $('body').css('height', '100%');
                    }
                });

轉載地址爲：https://blog.csdn.net/hzaini89/article/details/72864344/