IOS中position:fixed彈出框中的input出現光標錯位的問題


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"}); 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM