1. 程式人生 > >html頁面在手機中點選輸入框調出鍵盤頁面內容上移的粗暴解決辦法

html頁面在手機中點選輸入框調出鍵盤頁面內容上移的粗暴解決辦法

在混合開發中遇到的問題,就是h5頁面在手機中,點擊出來模態框,點選了模態框中的輸入框時候會調出手機鍵盤,這時候模態框會上移,尺寸也會變小,具體原因不是很清楚,但是由於是移動開發,頁面的寬度和高度都是以百分比佈局的,所以,講頁面的高度寫成固定高度便可以簡單粗暴解決這個問題,當然, 需要修改的只是當焦點落在輸入框的時候的模態框的高度,所以要通過js來實現;

下面是對應的js程式碼

 <script>
             $('#note').on("focus", function(){
                 $('.model2').css("height","200px");
                 $('.model2').css("margin-top","-20%");
                 $('#ff').css("margin-top","5%");
                  }
             )
</script>

<樓盤庫2017-2-10,程式碼11-28>