原因
在輸入框的父級(jí)增加了overflow屬性后導(dǎo)致Android手機(jī)上輸入框軟鍵盤(pán)彈起后擋住輸入框 (input / textarea)
解決辦法
在頁(yè)面的任何JavaScript部分添加以下代碼:
if (/Android/gi.test(navigator.userAgent)) {
// 檢測(cè)userAgent是否為Android
window.addEventListener('resize', function () {
if (document.activeElement.tagName == 'INPUT' || document.activeElement.tagName == 'TEXTAREA') {
// 判斷當(dāng)前active的元素是否為input/ textarea
window.setTimeout(function () {
document.activeElement.scrollIntoViewIfNeeded()
// 原生方法，滾動(dòng)至需要顯示的位置
}, 0)
}
})
}
相關(guān)
正則表達(dá)式 /Android/gi 中突勇，g表示全文查找出現(xiàn)的所有匹配字符装盯，i表示忽略大小寫(xiě)。
