原文：h5 ios微信瀏覽器 input獲取焦點后，收起軟鍵盤，光標錯位
整個頁面布局如下: 期望達到的結果：給外層設置fixed，使頁面在瀏覽器中固定，不會產生上下拖動的效果。 最后形成的結果是：輸入框獲取焦點輸入內容后，光標錯位，導致不能選中輸入框重新獲取焦點 獲取輸入框焦點的位置發生偏移 解決方案：改變頁面的布局結構 整個頁面的最外層div使用flex布局，上下欄設置固定高度，中間主體部分用flex grow屬性代替 ps:在使用input的時候慎用fixed屬性 ...
2019-05-07 12:09 0 1383 推薦指數：
相關推薦
ios下input獲取焦點以及在軟鍵盤的上面
<!----/此方法基於zepto.min.js--> <!--/div元素沒有blur和focus事件,blur focus 只適用於input 這類的表格元素--> <!DOCTYPE html><html lang="en">< ...
uni-app 在input獲取焦點（彈出軟鍵盤后收起軟鍵盤），頁面不下滑，留下下方空白
加入收起軟鍵盤時讓頁面回正 uni.pageScrollTo({ scrollTop: 0, duration: 0 }); ...
微信瀏覽器H5頁面軟鍵盤關閉導致頁面空缺的問題
微信6.7.4 H5頁面里的select,input軟鍵盤彈起的時候頁面會上移，軟鍵盤關閉頁面不會下移。導致頁面空缺了一部分。 微信6.7.3及其它版本不會有這個問題！頁面會隨着軟鍵盤關閉而下移恢復正常！ 微信打開網頁鍵盤彈起后頁面上滑，導致彈框里的按鈕響應區域錯位 最新ios ...
js--解決iphonex上input獲取焦點時，頁面上移，軟鍵盤收起時，頁面沒有下移問題
移動端，iphonex遇到軟鍵盤收起時，頁面上移，沒有自動落下，並且這種狀態下，寫的事件也無法執行。 解決方法： document.body.addEventListener('focusout', function ...