iOS软键盘弹出后视图向上移动

小时候可漂了~

于 2021-06-21 15:38:54 发布

阅读量1.4k

点赞数

文章标签： js ios javascript

本文链接：https://blog.youkuaiyun.com/weixin_45290863/article/details/118088000

版权

当iOS设备的软键盘弹出时，应用视图会自动上移。在键盘关闭后，页面会保持上移状态。解决这个问题需要确保页面在键盘隐藏时能恢复到原始位置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

iOS软键盘弹出后视图向上移动

ios软键盘关闭的时候页面会向上移动

function inputBlur() {
    let u = navigator.userAgent //对象包含有关浏览器的信息
    let isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/) //判断是是否是ios系统
    if (isIOS) {
        setTimeout(() => {
            window.scrollTo(0, document.body.scrollTop + 1);
            document.body.scrollTop >= 1 && window.scrollTo(0, document.body.scrollTop - 1);
        }, 10)
    }
}