美文网首页
苹果iphone ios系统 键盘弹起导致页面高度发生变化,无法

苹果iphone ios系统 键盘弹起导致页面高度发生变化,无法

作者: 写代码的杰西 | 来源:发表于2019-11-19 11:25 被阅读0次
document.body.addEventListener('focusin', () => {  //软键盘弹起事件
        var scrollTop = 0;
        if (document.documentElement && document.documentElement.scrollTop) {
            scrollTop = document.documentElement.scrollTop;
        } else if (document.body) {
            scrollTop = document.body.scrollTop;
        }
        window.workrelateScrollTop = scrollTop
    });
    document.body.addEventListener('focusout', () => { //软键盘关闭事件
        var ua = window.navigator.userAgent;
        if (ua.indexOf('iPhone') > 0 || ua.indexOf('iPad') > 0) { //键盘收起页面空白问题
            document.body.scrollTop = window.workrelateScrollTop;
            document.documentElement.scrollTop = window.workrelateScrollTop;
        }
    });

相关文章

网友评论

      本文标题:苹果iphone ios系统 键盘弹起导致页面高度发生变化,无法

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