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

解决办法:

// 解决ios上页面上移的bug

            setTimeout(function(){

                if(document.activeElement.tagName == 'INPUT' || document.activeElement.tagName == 'TEXTAREA'){

                    return

                }

                var result = 'pc';

                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));

                }

            },10)

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML: <!DOCTYPE html> 可能这些是你想要的H5键盘兼容方案 I am ...
    勾起一抹笑容阅读 1,074评论 0 1
  • 以下是常用的代码收集,学习用。转自豪情博客园 1. PC - js 返回指定范围的随机数(m-n之间)的公式 re...
    自由加咖啡阅读 1,028评论 0 1
  • 100个常用的javascript函数 1、原生JavaScript实现字符串长度截取 复制代码代码如下: fun...
    老头子_d0ec阅读 369评论 0 0
  • 转载 1. 问题描述: 最近一段时间在做 H5 项目,踩过其中一大坑:输入框获取焦点,软键盘弹起,要求输入框吸附(...
    星空里的尘埃阅读 686评论 0 2
  • 可能这些是你想要的H5软键盘兼容方案 前言 输入框获取焦点,软键盘弹起,要求输入框吸附(或顶)在输入法框上。需求很...
    记住了_叶阅读 790评论 0 2