1. 首页
  2. 数据库
  3. 其它
  4. Vue解决微信浏览器input关闭键盘后导致页面底部空缺的问题

Vue解决微信浏览器input关闭键盘后导致页面底部空缺的问题

上传者: 2021-01-15 21:53:09上传 PDF文件 28.74KB 热度 16次
导致原因: 是微信webview打开我们h5页面的时候,就固定了页面的高度,如果这个input在页面的底部,当唤起软键盘的时候,由于高度问题,整个webview会被键盘顶上去,,而取消的时候没有恢复原状。 解决办法 第一种:失去焦点后自动置顶 inputLoseFocus() { setTimeout(() => { window.scrollTo(0, 0); }, 100); }, 第二种:使scrollTo回到底部 inputLoseFocus() { setTimeout(() => { const scrollHeight = document.docu
下载地址
用户评论