ios11發布后,測試人員反饋回來,鍵盤彈起時,input光標會定位不准。
后來查了資料,原來是position:fixed,和input一起使用會出現的bug。應該來說,是fixed在移動端支持不怎么好。
解決方案是彈出表單時,給body加一個高度
var h=$(window).height();
$("body,html").css({"overflow":"hidden","height":h+"px"});
讓整個頁面等於可視區大小,這樣既解決了彈出表單后,遮罩后面的頁面跟着滑動,也解決了鍵盤彈起時,input光標會定位不准。
唯一的弊端就是頁面會跳到頂部
當然,最后別忘了點擊關閉彈窗的時候, 將頁面恢復默認值
$("body,html").css({"overflow":"auto","height":"auto"});
