美文网首页
[记录]移动端键盘收起后,页面样式不恢复的问题

[记录]移动端键盘收起后,页面样式不恢复的问题

作者: 柏丘君 | 来源:发表于2018-12-24 21:44 被阅读0次

在移动端的文本框中输入内容,收起键盘后会出现页面布局不下滑的问题(目前只在 IOS 下进行了测试):

输入内容.png
收起键盘.png
解决方案是,当文本框失去焦点后让 window 重新滚动到(0,0)到位置:
const inputItems = document.querySelectorAll("input");
inputItems.forEach(function(ele){
  ele.addEventListener("blur",function(){
    window.scrollTo(0,0)
  })
})

完。

相关文章

网友评论

      本文标题:[记录]移动端键盘收起后,页面样式不恢复的问题

      本文链接:https://www.haomeiwen.com/subject/ktytlqtx.html