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

最近一直再找工做，也很久沒有更新博客。。。。　　

　　以前遇到一個問題，就是在手機上點擊input框的時候，發現有的時候就是不自動滑動到相應的位置，怎麼兼容這個奇葩的手機呢？

　　其實這類問題，只要懂他們的原理話，就很容易解決了。

　　原理：當你點在foucs上面計算須要滑動的位置

　　解決方式：

// 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);
        }
    })
}