完美解決手機網頁中輸入框被輸入法遮擋的問題

.dlg-top{
 position: fixed;
 top:100px;
 left:10%;
}
.dlg-bottom{
 position: fixed;
 bottom:0px;
 left:10%;
}

//彈出對話框時，綁定的事件
//綁定輸入框獲取焦點事件
$(".deliver-dlg input,.deliver-dlg textarea").focus(function(){
 var input=$(this);
 //在輸入框獲取焦點后，窗口改變的話，執行事件
 $(window).resize(function(){
 //判斷當前輸入框是否在可視窗口之外（下面）
 if($(window).height()-(input.offset().top+input.offset().height-document.body.scrollTop)<0){
 //對話框定位方式改為bottom
 $(".deliver-dlg").removeClass("dlg-top").addClass("dlg-bottom");
 }
 else{
 $(".deliver-dlg").removeClass("dlg-bottom").addClass("dlg-top");
 }
 });
});
//取消對話框時，取消事件綁定
$(".deliver-dlg input").unbind();
$(".deliver-dlg").removeClass("dlg-bottom").addClass("dlg-top");
$(window).unbind();