IOS11 游標錯位問題

2021-08-11 09:42:33 字數 515 閱讀 5712

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

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

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

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

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

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

這樣就解決了我的問題。

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

問題 iOS 11 定位問題

ios11 定位許可權未通過,控制台輸出以下資訊 在 info.plist 檔案新增乙個 nslocationalwaysandwheninuseusagedescription 和 nslocationwheninuseusagedescription 的 key,然後新增描述。定位失敗,方法lo...

IOS11下fixed中input游標錯位問題

專案遇到了這個問題,故作了個臨時解決方案,暫時沒有想到更好的方法,查閱了網上的方案,也沒有找到完美的解決方案。方案思路 彈窗開啟時,阻止 body 滾動,禁用 touchmove 同時記錄當前 body 的滾動高度 startscrolltop 彈窗關閉時,恢復 body 滾動,同時給當前滾動條賦值...

iOS 11開發教程(四)iOS11模擬器介紹一

在圖1.6或者1.7中所看到的類似於手機的模型就是ios模擬器。ios模擬器是在沒有iphone或ipad裝置時,對程式進行檢測的裝置。ios模擬器可以模 實的iphone或ipad等裝置的一些功能。本小節將講解一些有關模擬器的操作。1.模擬器與真機的區別 ios模擬器可以模 實的iphone或ip...