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

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

输入内容.png

收起键盘.png

解决方案是,当文本框失去焦点后让 window 重新滚动到(0,0)到位置:

const inputItems = document.querySelectorAll("input");
inputItems.forEach(function(ele){
  ele.addEventListener("blur",function(){
    window.scrollTo(0,0)
  })
})

完。

推荐阅读更多精彩内容

  • 2018年5月3日观功念恩+善行点滴: 一、对于儿子来说最开心的事情就是我能够陪他走路上幼儿园,牵着儿子的手一路从...
    园桃阅读 379评论 0 0
  • 通过简单的几个字,我发现自己其实是很依赖自己的父亲的,我自己的小家庭的模式和我的原生家庭是一样的,我是我父亲的复制...
    星子_d4a7阅读 93评论 0 0
  • 它是我童年的玩伴,它陪伴了我整个春夏秋冬,它就是我最想记住的朋友。它对于我来说,是宝贵的回忆,是一生的惦记。 我总...
    咿源泉物语阅读 225评论 0 1
  • 没有记录,就没有发生(本周关键词:南通带教、过节、学习) 【丁小青2.0。90天践行目标】0701-0930 【健...
    babycaty阅读 81评论 0 0