vue使用vant中的popup层,在popup层中加搜索功能后,input框获取焦点 ios机型的软键盘不会将popup顶起来的问题

2023-09-23 10:01

短信预约 -IT技能 免费直播动态提醒

使用vant的popup弹出层做了一个piker的选择器,用户需要在此基础上增加筛选功能。也就是输入框
在这里插入图片描述
2.可是在ios机型中,input框在获取焦点以后,ios的软键盘弹起会遮盖住我们的popup层,导致体验不是很好
3.在大佬的解答及帮助下,采用窗口滚动的方式解决此方法

在获取焦点时将整个窗口的滚动高度赋值为 popup层的高度

getFocus(){    let events = navigator.userAgent;    // iphone手机 软键盘第一次顶不起来    if(events.indexOf('iPhone')>-1){      this.$nextTick(() => {        let documents:any = document        if(documents == undefined || documents == null){          return        }        if(documents.activeElement.tagName === 'INPUT' || documents.activeElement.tagName === 'TEXTAREA'){            window.setTimeout(function () {            documents.scrollingElement.scrollTop = documents.querySelector('.per_class_scroll_view').scrollHeight;          }, 200);        }      });    }  }

来源地址：https://blog.csdn.net/Benz_s600/article/details/132492078

免责声明：

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

vue.js ios 前端

阅读原文内容投诉