javascript - 魅族下微信浏览器点击input和textarea不会自动弹上去，被键盘盖住

Question

点击input后键盘直接盖住了固定在底部的input，而且没有触发resize事件，用scrollIntoViewIfNeeded()方法也没有用。而且试过在魅族自带浏览器和qq浏览器中又是正常的，只有微信下打开会有问题，想问下大家有什么办法可以解决吗？

Answer 1

昨天刚好接触到这个问题，可以试试scrollIntoView。我只是看到这个API，不知道有没有坑。
https://developer.mozilla.org...

Answer 2

微信浏览器就是移动端的ie6，试试把resize绑定在document上,我一般都是用下面这个方式判断的

var pageH = window.innerHeight;
if ((/Android/gi).test(navigator.userAgent)) {
    window.addEventListener('resize', function () {
        if (document.activeElement.tagName == 'INPUT') {
            $(document).css('transform','translatey('+window.innerHeight-pageH+'px)');
        }else{
            $(document).css('transform','translatey(0)');
        }
    });
}