在混合開發中遇到的問題,就是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>
新聞熱點
疑難解答