ios6在input框输入内容时软键盘弹起来把页面上移后，使页面卡在ios顶部不会自动下来

最新推荐文章于 2025-06-22 20:56:09 发布

原创最新推荐文章于 2025-06-22 20:56:09 发布 · 510 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ios #ipad #android

js 专栏收录该内容

5 篇文章

订阅专栏

本文探讨了如何修复iPhone 6键盘弹出后无法回弹及页面卡顿的问题，通过navigator.userAgent检测设备类型，并针对iOS和Android分别采取相应滚动和滚动处理策略。

// 兼容iPhone6键盘弹出无法回弹原位，且页面卡住了

  setTimeout(()=>{
        if(document.activeElement.tagName == 'INPUT' || document.activeElement.tagName == 'TEXTAREA'){
            return
        }
        let result='';
        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));
        }
    },20)