解决微信底部弹出输入法遮挡页面

最新推荐文章于 2021-01-12 22:22:39 发布

diyu8056

最新推荐文章于 2021-01-12 22:22:39 发布

阅读量1k

点赞数

文章标签：移动开发

原文链接：http://www.cnblogs.com/ae6623/p/5356008.html

版权

微信网页里面，需要输入的时候，键盘弹出，然后底部的东西会被遮挡，resize事件捕捉不到，window高度也捕捉不到？
解决：
目前这种情况只有安卓机器会发生，可以采用如下方式进行处理，在点击输入框的时候，先判断是否是安卓的机器，然后采用延时机制让页面再搞上去。

if (navigator.userAgent.match(/Android/i)) {
    $('input').bind('click',
    function(e) {
        var $this = $(this);
        e.preventDefault();
        setTimeout(function() {
            $(window).scrollTop($this.offset().top - 40);
        },
        300)
    })
}

转载于:https://www.cnblogs.com/ae6623/p/5356008.html