IOS微信6.7.4输入框失去焦点,软键盘关闭后,被撑起的页面无法回退到原来正常的位置
IOS微信6.7.4输入框失去焦点,软键盘关闭后,被撑起的页面无法回退到原来正常的位置
近期在开发微信H5页面时碰到这个问题,如图,软键盘弹起后,若原输入框被遮挡,页面整体将会上移,然而当输入框失焦,软键盘收起后,页面未恢复,这也是ios的微信版本更新6.7.4之后才遇到的bug。
目前的解决办法是给输入框(或select选择框)添加失去焦点的事件,当输入框失去焦点,页面自动滚动到顶部,并且需要加定时器,否则偶尔会失效,具体代码如下:
$("input,select").blur(function(){setTimeout(() => {const scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0;window.scrollTo(0, Math.max(scrollHeight - 1, 0));}, 100);})
IOS微信6.7.4输入框失去焦点,软键盘关闭后,被撑起的页面无法回退到原来正常的位置相关推荐
- IOS微信6.7.4输入框失去焦点,软键盘关闭后,被撑起的页面无法回退到原来正常的位置...
近期在开发微信H5页面时碰到这个问题,如图,软键盘弹起后,若原输入框被遮挡,页面整体将会上移,然而当输入框失焦,软键盘收起后,页面未恢复,这也是ios的微信版本更新6.7.4之后才遇到的bug. 目前 ...
- ios12微信H5输入框软键盘关闭后,页面无法回到正常位置
IOS12在开发微信公众号时遇到input输入框,失去焦点,键盘收回后,input框的位置改变的情况,需要监听失焦事件,并重新设定高度来解决这个问题: $("input").blu ...
- 解决Android软键盘弹出覆盖h5页面输入框问题 // 在ios系统中输入框软键盘消失后,页面不回弹的问题 // 解决苹果不回弹页面 // 微信环境打开
//解决Android软键盘弹出覆盖h5页面输入框问题 window.addEventListener('resize', () => {if (document.activeElement.t ...
- 移动端iOS中input输入框搜索框软键盘出现换行而不是搜索
iOS输入框搜索时软键盘出现换行而不是搜索,而且点击软键盘完成按钮不会执行搜索事件, 解决一,必须使用form表单提交,但是键盘出现搜索,ajax请求方法中得不到input的值, 解决,form表单上 ...
- 解决微信H5页面软键盘弹起后页面下方留白的问题(iOS端)
解决微信H5页面软键盘弹起后页面下方留白的问题(iOS端) 参考文章: (1)解决微信H5页面软键盘弹起后页面下方留白的问题(iOS端) (2)https://www.cnblogs.com/zouw ...
- h5 ios中软键盘弹起后 fixed定位失效
position: fixed;在ios手机中会存在一个失效情况: 如果页面有输入框存在,点击输入框软键盘弹起后会发生一个现象: 1.针对当前内容高度小于屏幕高度时: 上下滑动页面时候,发现之前fix ...
- 微信浏览器H5页面软键盘关闭导致页面空缺的问题
微信6.7.4 H5页面里的select,input软键盘弹起的时候页面会上移,软键盘关闭页面不会下移.导致页面空缺了一部分. 微信6.7.3及其它版本不会有这个问题!页面会随着软键盘关闭而下移恢复正 ...
- ios输入框的坑(软键盘弹出不灵敏、输入法影响弹出高度)
参考地址: https://segmentfault.com/a/1190000018959389 https://blog.csdn.net/github_37533433/article/deta ...
- android仿微信、QQ等聊天界面,实现点击输入框弹出软键盘、点击其他区域收起软键盘,默认滑动至最低端
如图所示,点击输入框及选择图片和发送按钮时软键盘显示且不消失,点击其他区域,则隐藏软键盘. 主要代码如下: override fun dispatchTouchEvent(ev: MotionEven ...
最新文章
- 离开百度三年多,吴恩达纽交所敲钟,身价再增20亿
- 微软Windows Azure Platform技术解析
- HttpClient工具类
- java 7.函数-递归_带有谓词的Java中的函数样式-第2部分
- python3有多少个关键字排序_python3 数据结构和算法-- 通过某个关键字排序一个字典列表...
- 70个经典的 Shell 脚本面试问题
- 14年macmini装双硬盘_19年性价比超高的5款笔记本电脑推荐
- Javascript面试题一套
- 荣耀30S首销全平台夺冠 赵明:满足消费者对5G的所有需求和想象
- 2018年,20大Python数据科学库都做了哪些更新
- 《大型网站技术架构》阅读笔记
- Office在线预览,PPT在线预览,word在线预览,Excel在线预览,PDF在线预览
- 开奖及送福利|周日晚八点,红包雨任性下
- [PTA]7-24 约分最简分式
- Android出现Could not initialize class com.android.sdklib.repository.AndroidSdkHandler的解决方法
- arm汇编语言中bne 1b的意思
- android中按两次返回键返回桌面或退出程序
- 最后防线:字节跳动HIDS分析
- C++——动态空间分配
- 蓝牙芯片设计看上海,终端产品找深圳
热门文章
- python一个对象只能被一个变量引用吗_python中的对象、变量、引用的问题
- scp 拷贝文件夹到远程服务器被拒绝ssh: connect to host xxx.xxx.xxx.xxx port xxxxx: Connection refused
- 知识图谱入门 【九】- 知识问答
- 2020大学生网络安全知识总决赛模拟题错题集(9)
- 像素和分辨率是什么?
- 金山:与微软“作战”
- 招聘中求职者关心哪些问题?
- 2021年中国洋葱行业市场现状分析:洋葱价格创下近年新高[图]
- MyBatis学习笔记(1)—使用篇
- FTP主动跟被动模式区别