ios 软键盘弹出, 页面整体上移问题

最新推荐文章于 2023-06-12 17:13:17 发布

是呆不是冷

最新推荐文章于 2023-06-12 17:13:17 发布

阅读量3.2k

点赞数

分类专栏：兼容

本文链接：https://blog.csdn.net/qq_45764710/article/details/106094220

版权

本文介绍了在iOS系统中遇到输入框触发软键盘弹出时，页面内容随之上移的问题。当软键盘收起，页面无法自动回滚到初始位置，需要手动操作才能恢复。文章将探讨这一现象并提供相应的解决办法。

摘要由CSDN通过智能技术生成

问题描述

对于 ios 系统，输入框输入内容，软键盘弹出，页面内容整体上移，但是软键盘收起，页面内容不会自动回到原本的位置，必须手动下拉才会恢复

解决办法

compatibility(){
    let isReset = true;
    const u = navigator.userAgent;
    const isAndroid = us.indexOf('Android') > -1 || us.indexOf('Adr') > -1;
    let isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
    let originalHeight = document.documentElement.clientHeight || document.body.clientHeight;
    if(isAndroid) {
        window.onresize = function(){
            let resizeHeight = document.documentElement.clientHeight || document.body.clientHeight;
            if(resizeHeight < originalHeight){
                isReset = false;
            }else{
                isReset = true;
                setTimeout(() => {
                    if(isReset){
                        window.scroll(0,0)
                    }