微信內置瀏覽器瀏覽H5頁面彈出的鍵盤遮蓋文本框的解決辦法

最近在做微信公眾號的內嵌頁面，發現點擊輸入框時鍵盤蓋住文本框，找到一段代碼解決了這個問題。

iOS和android手機都已親測，需要的可以直接拷貝到代碼中使用。

js代碼如下：

    $(function () {
        //微信內置瀏覽器瀏覽H5頁面彈出的鍵盤遮蓋文本框的解決辦法 
        window.addEventListener("resize", function () {
            if (document.activeElement.tagName == "INPUT" || document.activeElement.tagName == "TEXTAREA") {
                window.setTimeout(function () {
                    document.activeElement.scrollIntoViewIfNeeded();
                }, 0);
            }
        })
    })

 

 

https://www.cnblogs.com/YYW303/archive/2017/07/28/7250306.html