CP微信端兼容bug修复
2019-01-16 本文已影响3人
绚烂如初
移动端项目原是内嵌在app内,后公司要求,微信公众号同样支持访问,遇到问题:
1、页面上一个带输入框的遮罩层,大小是整个页面,在iphone上弹性布局上下滑动的时候,会看到底层页面,因此定位为:position:fixed;在手机上发现输入文字时,键盘弹出,失去焦点后,键盘收起,但是输入框下方点击按钮的位置,视图效果不变,但实际点击触发的位置发生变化,改:position:absolute;暂时解决问题。
2、上述问题1中,在iPhoneX上测试的时候,发现输入框失去焦点后,键盘收回,页面仍处于顶起状态,不主动下滑,查找网络,暂时解决如下:
window.addEventListener('focusout', () => {
window.scrollTo(0, 0);
});