h5 ios微信瀏覽器 input獲取焦點后,收起軟鍵盤,光標錯位


整個頁面布局如下:

期望達到的結果:給外層設置fixed,使頁面在瀏覽器中固定,不會產生上下拖動的效果。

最后形成的結果是:輸入框獲取焦點輸入內容后,光標錯位,導致不能選中輸入框重新獲取焦點(獲取輸入框焦點的位置發生偏移);

解決方案:改變頁面的布局結構

整個頁面的最外層div使用flex布局,上下欄設置固定高度,中間主體部分用flex-grow屬性代替

ps: 在使用input的時候慎用fixed屬性布局


免責聲明!

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



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