javascript——移動端input,textarea輸入框獲得焦點頁面上移
阿新 • • 發佈:2018-12-04
一路走來,在移動端頁面這條路上,踩了不少坑啊。
下面介紹一下我踩的坑之一:點選input時,軟鍵盤把input框給遮住了,,,這怎麼行,解決唄。總不能讓設計師把頁面重新佈局一遍吧,再說這定下來的頁面,怎麼可能因為我這點小問題說改就改。。。
嗚嗚~~(>_<)~~我還是個孩子。。。。。
經過試驗,發現在ios上正常,那就來處理安卓唄,
if (/Android [4-6]/.test(navigator.appVersion)) {
window.addEventListener('resize', function () {
if (document .activeElement.tagName === 'INPUT' || document.activeElement.tagName === 'TEXTAREA') {
window.setTimeout(function () {
document.activeElement.scrollIntoViewIfNeeded()
}, 0)
}
})
}
嘿,恭喜恭喜,問題解決了,不用犯難了,是不是很開心啊:)
每天進步一點點!!!