1. 程式人生 > >javascript——移動端input,textarea輸入框獲得焦點頁面上移

javascript——移動端input,textarea輸入框獲得焦點頁面上移

一路走來,在移動端頁面這條路上,踩了不少坑啊。
下面介紹一下我踩的坑之一:點選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) } }) }

嘿,恭喜恭喜,問題解決了,不用犯難了,是不是很開心啊:)

每天進步一點點!!!