解決IOS端微信H5頁面軟鍵盤彈起后頁面下方留白的問題
更新時間：2019年06月05日 14:32:33 作者：Zou-Wang
微信H5項目，ios端出現(xiàn)了軟鍵盤輸完隱藏后頁面不會回彈，下方會有一大塊留白。這篇文章主要介紹了決微信H5頁面軟鍵盤彈起后頁面下方留白的問題（iOS端） ,需要的朋友可以參考下
前言：微信H5項目，ios端出現(xiàn)了軟鍵盤輸完隱藏后頁面不會回彈，下方會有一大塊留白
最近微信和ios都有版本升級，不知道是哪邊升級造成的，但是經(jīng)過測試，軟鍵盤收起后，再滾動一下頁面，下面的留白就會消失。所以只要在輸入完畢后模擬一下這個“滾動”的操作，就能解決問題了。
如果是用vue寫的：
<input type="text" @blur="fixScroll" placeholder="請輸入xxx"/>
//methods中添加：
fixScroll() {
window.scrollTo(0, 0);
}
因為這個問題只在iOS端出現(xiàn)所以使用前進行一下判斷：
fixScroll() {
let u = navigator.userAgent;
let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios終端
if (isiOS) {
window.scrollTo(0, 0);
}
}
總結
以上所述是小編給大家介紹的解決IOS端微信H5頁面軟鍵盤彈起后頁面下方留白的問題，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關文章
這篇文章主要介紹了Vue富文本插件(quill-editor)的使用及說明，具有很好的參考價值，希望對大家有所幫助。2023-02-02
這篇文章主要介紹了如何使用vue-router為每個路由配置各自的title,及使用vue router的方法，需要的朋友可以參考下2018-07-07
vue項目中如何實現(xiàn)element-ui組件按需引入
這篇文章主要介紹了vue項目中如何實現(xiàn)element-ui組件按需引入，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-05-05
Vue+Echarts報錯Cannot?set?properties?of?undefined?(settin
這篇文章主要介紹了Vue+Echarts報錯Cannot?set?properties?of?undefined?(setting?‘plate‘)的問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
打包組件報錯:Error:Cannot?find?module?'vue/compiler-sfc&ap
最近遇到這樣的問題,vue組件庫搭建過程中使用webpack打包組件時報錯,本文給大家分享打包組件報錯:Error:?Cannot?find?module?‘vue/compiler-sfc‘的解決方法,感興趣的朋友一起看看吧2023-12-12
本文主要介紹了Element Timeline時間線的實現(xiàn)，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10
今天小編就為大家分享一篇vue 自定義指令自動獲取文本框焦點的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
這篇文章主要介紹了淺談Vue響應式(數(shù)組變異方法)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-05-05
今天小編就為大家分享一篇解決vue打包css文件中背景圖片的路徑問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
這篇文章主要為大家詳細介紹了vue拖拽組件的使用方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-12-12