iOS端因为输入框获得焦点和失去焦点的UI偏移解决方案

做项目时遇到的,iOS端输入法弹出后,输入框上移遮挡,输入法关闭后UI或者触控区域偏移的问题

// 失去焦点,window滚回原本的位置
function blur(){
    window.setTimeout(function(){
          window.scrollTo(0,document.body.clientHeight);
    }, 500);
};

// 获得焦点,window滚动到0,可以自定义位置
function focus(){
    window.setTimeout(function(){
          window.scrollTo(0,0);
    }, 500);
};

// 判断是否为iOS端
let u = navigator.userAgent, app = navigator.appVersion;
let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);  // iOS终端

// 判断后调用,推荐在vue里直接绑定输入框的focus和blur事件
if (isiOS) {
       ......   
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AGI阅读 16,003评论 3 119
  • 时间就是这么快,辰宝儿半岁多了 他现在本领除了先前那么多,偶尔会小坐几秒钟,转头、翻身、原地转圈圈后退爬等等是那么...
    新手麻麻初长记阅读 257评论 0 0
  • 考完试,大脑很放肆,回宿舍看视频,两个小时刷了三十五集肥皂剧,里头有句台词,“我愿意为你放弃整个世界。” 心里不禁...
    薛其雱阅读 185评论 0 0
  • 人生就是你成立无数的观点 然后去打破它 然后再重塑
    惬意的麻木阅读 109评论 0 0
  • 皑皑白雪覆垄黄,群群牛羊聚冢青。 啮雪荒寒不知往,喜鹊跳飞路远惊。 日暮斜...
    yiyi_1650阅读 509评论 3 10