移動端position:fixed、鍵盤遮住輸入框問題

在移動端開發的時候，用到了position:fixed的遮罩蒙層，在蒙層裏又放置裏輸入框。當用戶輸入時，軟鍵盤會彈起來，會遮罩住輸入框；又或者是圖標定位在下面的，上面有輸入框，當輸入的時候，軟鍵盤彈起來，下面定位的圖標也上來了。

比較合理的解決方法是：經過resize() 方法觸發 resize 事件，或規定當發生 resize 事件時運行的函數。

var windheight = $(window).height();  /*未喚起鍵盤時當前窗口高度*/    
$(window).resize(function(){   
   var docheight = $(window).height();  /*喚起鍵盤時當前窗口高度*/          
   if(docheight < windheight){ /*當喚起鍵盤高度小於未喚起鍵盤高度時執行*/  
     $("div").css("position","static");   
   }else{      
     $("div").css("position","fixed");   
   }           
});
複製代碼