美文网首页
解决微信 ios position网页 键盘弹起 底部留白

解决微信 ios position网页 键盘弹起 底部留白

作者: 他大舅啊 | 来源:发表于2019-10-30 11:49 被阅读0次

    var u = navigator.userAgent, app = navigator.appVersion
    var isIOS = !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
    (document).ready(function(){("textarea").blur(function(){
    if (isIOS) {
    blurAdjust()
    }
    });
    });
    // 解决苹果不回弹页面
    function blurAdjust(e){
    setTimeout(()=>{
    if(document.activeElement.tagName == 'INPUT' || document.activeElement.tagName == 'TEXTAREA'){
    return
    }
    let result = 'pc';
    if(/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { //判断iPhone|iPad|iPod|iOS
    result = 'ios'
    }else if(/(Android)/i.test(navigator.userAgent)) { //判断Android
    result = 'android'
    }

        if( result = 'ios' ){
            document.activeElement.scrollIntoViewIfNeeded(true);
        }
    },100)
    

    }

    相关文章

      网友评论

          本文标题:解决微信 ios position网页 键盘弹起 底部留白

          本文链接:https://www.haomeiwen.com/subject/iddovctx.html