html5手機網頁開發，中文輸入法下軟鍵盤遮擋輸入框

安卓手機解決辦法

微信UI框架weui中給出瞭解決方法：
weui框架
 http://weui.github.io/weui/example.jsjavascript

　　 // .container 設置了 overflow 屬性, 致使 Android 手機下輸入框獲取焦點時, 輸入法擋住輸入框的 bug
    // 相關 issue: https://github.com/weui/weui/issues/15
    // 解決方法:
    // 0. .container 去掉 overflow 屬性, 但此 demo 下會引起別的問題
    // 1. 參考 http://stackoverflow.com/questions/23757345/android-does-not-correctly-scroll-on-input-focus-if-not-body-element
    // Android 手機下, input 或 textarea 元素聚焦時, 主動滾一把
    if (/Android/gi.test(navigator.userAgent)) { window.addEventListener('resize', function () { if (document.activeElement.tagName == 'INPUT' || document.activeElement.tagName == 'TEXTAREA') { window.setTimeout(function () { document.activeElement.scrollIntoViewIfNeeded(); }, 0); } }) }

iphone手機解決方法

一、用手機自帶輸入法的狀況下不會出現此問題
二、手機安裝搜狗輸入法，百度輸入法（只測過這2個）仍是會出現此問題，再是沒找到好的方法java

支持瀏覽器以下：android

詳情：https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoViewIfNeededgit

原文連接： http://www.jianshu.com/p/98a662d97580