当前位置: 首页 > Web前端 > HTML

iOS12系统BUG——微信H5输入法关闭后出现空白

时间:2023-04-02 23:07:10 HTML

1。BUG描述打开iOS12系统微信H5页面。启动时页面不能自动返回底部,会出现空白,导致下次弹出失败。上面三张图,第一张是未点击的状态,第二张是点击最后一个输入框后弹出输入法的状态,第三张是输入法关闭的状态。可以发现第三张图底部有空白,页面没有向下移动就返回底部。2、解决方法可以是重新设置元素的滚动位置,触发回流(Reflow),从而消除底部空白。//判断是否是iOS微信isIOSWeChat(){constua=window.navigator.userAgent.toLowerCase()returnua.includes('micromessenger')&&ua.includes('likemacosx')}//输入丢失focusEventinputBlur(e){if(isIOSWeChat()){//window.scrollTo(0,document.documentElement.scrollTop||document.body.scrollTop)或document.body.scrollTop=document.body.scrollTop;}}