美文网首页vue技术栈移动端的bug
ios6在input框输入内容时软键盘弹起来把页面上移后,使页面

ios6在input框输入内容时软键盘弹起来把页面上移后,使页面

作者: 小猪_9b2e | 来源:发表于2019-08-07 09:20 被阅读16次

解决办法:

// 解决ios上页面上移的bug

            setTimeout(function(){

                if(document.activeElement.tagName == 'INPUT' || document.activeElement.tagName == 'TEXTAREA'){

                    return

                }

                var 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);

                    var scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0;

                    window.scrollTo(0, Math.max(scrollHeight - 1, 0));

                }

            },10)

相关文章

网友评论

    本文标题:ios6在input框输入内容时软键盘弹起来把页面上移后,使页面

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