移动端兼容的部分问题

ios键盘弹出后,在收起的时候底部出现非页面的空白区

    fixScroll() {

            let u = navigator.userAgent;

            let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端

            if (isiOS) {

                window.scrollTo(0, 0);

            }

        }

安卓表单中的input框无法自动出现在可视区

upForm(time = 100) {


            if (/iphone/i.test(navigator.userAgent)) {

                // return

            }

            if (

                document.activeElement.tagName === "INPUT" ||

                document.activeElement.tagName === "TEXTAREA"

            ) {

                setTimeout(() => {

                    document.activeElement.scrollIntoViewIfNeeded(true);

                }, time);

            }

        }

安卓背景图会随着弹出软键盘上移

父级div--register,子元素div--content

.reigster {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    min-height: calc(100% + 1px);

    background: url("./../assets/login/back_login.png") no-repeat center;

    background-size: cover;

}

.content {

        position: relative;

        height: 100vh;

        overflow-y: auto;

        width: 100%;

    }
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容