IOS11 游標錯位問題

標籤：性問題   輸入密碼   彈出框   src   相容性   優雅   osi   輸入   密碼   

 ios11發布後，測試人員反饋回來，鍵盤彈起時，input游標會定位不準。

後來查了資料，原來是position：fixed，和input一起使用會出現的bug。應該來說，是fixed在移動端支援不怎麼好。

我的輸入框彈出層下面還有一個遮罩層，我的遮罩層用了fixed定位，當鍵盤彈起時，ios視口計算問題，導致游標不跟隨密碼彈出框移動。

網上看了一些方法，又不想用外掛程式。綜合來說就是fixed相容性問題。所以自己後來用了個笨笨的方法。

當input聚焦的時候，那個遮罩層的position設定為 absolute，讓整個頁面滾動到頂部，失焦就回去原來的fixed。為了讓輸入密碼的那個框在鍵盤中間，

需要重新計算輸入密碼的整個框的位置。讓整個頁面滾動到頂部是為了鍵盤彈起的時候，重新計算視口高度。

這樣就解決了我的問題。

如果有更好更優雅的解決方案，忠心希望給建議。

 

 

IOS11 游標錯位問題