IOS中input游標跑偏 不居中 問題的解決方法

2022-03-22 02:18:08 字數 411 閱讀 8397

在最近的專案中遇到乙個問題,input輸入框游標,在安卓手機上顯示沒有問題,但是在蘋果手機上

當點選輸入的時候,游標的高度和父盒子的高度一樣。造成的原因就是給父盒子新增了height和line-height

當點選輸入的時候,游標的高度就自動和父盒子的高度一樣了。(谷歌瀏覽器的設計原則,還有一種可能就

是當沒有內容的時候游標的高度等於input的line-height的值,當有內容時,游標從input的頂端到文字

的底部)。

解決辦法:去掉父盒子的高度height和行高line-height。內容用padding撐開。

同乙個石頭絆倒第二次 ···

IOS11下fixed中input游標錯位問題

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

游標在input中的定位

size large ie下的range操作比mozilla下強很多,這裡只討論ie下的操作。這裡選介紹幾個游標定位的特點 1.游標不變 直接obj.focus 游標會返回之前的位置,即位置不變 2.游標在最前 var r obj.createtextrange r.collapse r.selec...

h5 ios手機 隱藏input輸入游標

先說下實現密碼框的思路,一般是採用遮擋隱藏乙個輸入框,然後在輸入框的上面該一層一般是一組6個 然後通過點選布局是讓隱藏的輸入框獲得焦點,最後監聽input的textchange,新增對應個數的 等於6個的時候執行相應的處理。一開始為了達到input的完全隱藏,可謂下了許多手段 z index 負數,...