iPhone在微信下 输入框失去焦点后屏幕卡住问题处理

  • 代码解决方法

iPhone在微信下 输入框失去焦点后屏幕卡住问题,手动滑动一下平稳问题就可以解决,所以。。。。。。让需求方自己划动下屏幕吧

代码解决方法

监听到输入框的滚动事件的时候,给body一个滚动值,即可解决

document.scrollingElement.scrollTop = 100 // 这个值根据需要给

但是存在一个问题,当从一个输入框点击到另一个输入框的时候,不该触发这个滚动事件,每次滚一下体验上会很不舒服,所以需要在聚焦的时候不再触发滚动,实现方法有很多,我的代码如下

export const fixIphoneScrollBug = (function(){let __timeoutFillinfo = nullreturn function fixbubInWechat(ev, bool, val = 200){if(!isIphone()) return;if (bool) return clearTimeout(__timeoutFillinfo)__timeoutFillinfo = setTimeout(() =>      document.scrollingElement.scrollTop = val, 500)}
})();// focus 时 ,执行 fixIphoneScrollBug(ev, true)// blur 时,执行 fixIphoneScrollBug(ev)

iPhone在微信下 输入框失去焦点后屏幕卡住问题处理相关推荐

  1. h5 解决ios端输入框失去焦点后页面不回弹或者底部留白问题

    h5 解决ios端输入框失去焦点后页面不回弹或者底部留白问题 参考文章: (1)h5 解决ios端输入框失去焦点后页面不回弹或者底部留白问题 (2)https://www.cnblogs.com/bl ...

  2. 怎么解决输入框失去焦点以后光标跑到输入框外面去的问题

    在 HTML 中,可以通过在输入框失去焦点后设置光标的位置来解决这个问题.可以使用 JavaScript 来控制光标的位置.具体实现方式如下: 在输入框的 "onblur" 事件中 ...

  3. IOS微信6.7.4输入框失去焦点,软键盘关闭后,被撑起的页面无法回退到原来正常的位置...

    近期在开发微信H5页面时碰到这个问题,如图,软键盘弹起后,若原输入框被遮挡,页面整体将会上移,然而当输入框失焦,软键盘收起后,页面未恢复,这也是ios的微信版本更新6.7.4之后才遇到的bug. 目前 ...

  4. IOS微信6.7.4输入框失去焦点,软键盘关闭后,被撑起的页面无法回退到原来正常的位置

    IOS微信6.7.4输入框失去焦点,软键盘关闭后,被撑起的页面无法回退到原来正常的位置 近期在开发微信H5页面时碰到这个问题,如图,软键盘弹起后,若原输入框被遮挡,页面整体将会上移,然而当输入框失焦, ...

  5. android微信电话锁屏,iPhone的微信更新锁屏下呼叫提醒,终于可以直接代替电话了...

    原标题:iPhone的微信更新锁屏下呼叫提醒,终于可以直接代替电话了 微信在国内的普及程度不言而喻,特别是现在流量便宜和Wi-Fi热点众多,不少人都直接把微信的视频.语音通话代替了手机本身的通话功能, ...

  6. iphone x/xr/xs/xs max 微信input输入框和吸底兼容问题

    问题 1.底部吸底兼容问题,iphone x/xs max/xr 会有黑条 2.input 输入聚焦时候,input 框会下滑道下面,虚拟键盘会挡住input, 无法看到输入的内容 3.input 输 ...

  7. android没有输入焦点类控件的输入法调用,Android 手机下输入框获取焦点时, 输入法会挡住输入框...

    // Android 手机下输入框获取焦点时, 输入法会挡住输入框 // 解决方法: // Android 手机下, input 或 textarea 元素聚焦时, 主动滚动 if (/Android ...

  8. iphone mac平台下破解微信的语音

    其实iphone中微信保存的文件是aud ,其实就是amr ,很多文章都是说window平台下的,其实就是缺少amr的文件头, 在文件中加入#!amr ,再把文件改名成amr就行了,文件夹批量修改. ...

  9. iphone微信下无法播放音乐

    ISO浏览器 <html> <head><!-- 引用jquery --><script src="js/jquery.js">&l ...

最新文章

  1. 关于Two pointers的个人理解
  2. 大家好,给大家介绍一下,这是我的智能伙伴…..
  3. 协同过滤进化版本NeuralCF及tensorflow2实现
  4. etcd php,etcd集群备份和数据恢复
  5. 无忧企业系统的getshell
  6. C8-2 圆的周长和面积 (100/100 分数)
  7. 田渊栋:博士五年总结
  8. A+B and C (64bit)
  9. linux java.policy_Linux部署Java环境
  10. #运行后闪退_王者ios14苹果手机闪退已修复,腾讯痛失百万玩家能否再回来
  11. linux录制声卡声音_linux下ALSA声卡 录音问题
  12. 计算机ms高级应用科目一 科目二考什么,驾考提前知 | 科目一、科目二、科目三、科目四都考什么?...
  13. 十六进制编辑器HxD Hex Editor x64 v2.3.0.0
  14. 【时光它会替我们记得】- 1024有奖征文
  15. 【论文笔记】基于生成对抗网络的强化学习算法的研究
  16. vue3+elementPlus:前端自定义el-tree图标icon
  17. TypeError: unbound method a() must be called with A instance as first argument (got nothing instead)
  18. 《Java 后端面试经》微服务篇
  19. 软件测试真的干到35岁就干不动了吗?
  20. [译]搜索与优化不存在免费的午餐

热门文章

  1. 字符串验证-正则表达式
  2. 水星无线网卡驱动下载
  3. android开发打开wifi密码,【Android开发】wifi开关与wifi连接(密码连接)
  4. windows server下的 Nginx SSL 证书安装部署
  5. O365跨域访问外网服务
  6. 安卓 仿联系人索引列表 A到Z排序查询
  7. mysql 二级索引原理_你真的理解索引吗?从数据结构层面解析mysql索引原理
  8. 重学 Java 设计模式:实战原型模式「上机考试多套试,每人题目和答案乱序排列场景」
  9. Tasker 手机短信自动转发
  10. TPAMI 2021 | 深度学习行人重识别综述与展望