#如上圖展示,在首頁上使用者點選輸入框,彈出鍵盤,有時候會把輸入框部分遮擋住(如下圖)
#目前的處理方式是,當輸入框獲得焦點後,執行resize
$('input').on('focus' , function(){
$(window).resize();
}).on('blur' , function() {
$(window).resize();
});
這麼做就是為了重置視窗大小,讓原本浮動在底部的輸入框,重新定位
但是效果不太好,時而生效,時而失效
#像這樣的情況應該使用什麼方式來更好的處理這個問題?
還有在彈出鍵盤的同時,滾動頁面也能保持讓輸入區域固定在底部
目前輸入框的定位方式是:position:fixed
截圖環境:ios 微信端