虛擬鍵盤彈出導致頁面被頂起,鍵盤隱藏頁面卻不回落的問題
阿新 • • 發佈:2019-03-08
位置 inpu 導致 class UNC brush dom dev 版本
/** * 解決虛擬鍵盤彈出導致頁面被頂起,鍵盤隱藏頁面卻不回落的問題 * 版本:ios12以上 wechat6.7.4以上 */ function solveIosKeybordBug () { if (util.isWeixinKeybordBugVersion()) { // 全局監聽input元素的blur事件 document.addEventListener(‘focusout‘, () => { // scrollTo使頁面回歸正常位置,setTimeout使dom操作異步,提高頁面的流暢程度 setTimeout(() => { let height = document.documentElement.scrollTop || document.body.scrollTop window.scrollTo(0, height + 1) window.scrollTo(0, height - 1) }, 17) }) } }
虛擬鍵盤彈出導致頁面被頂起,鍵盤隱藏頁面卻不回落的問題