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

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

输入内容.png

收起键盘.png

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

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

完。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,200评论 4 61
  • 上班第一天,你给我布置了个作业。 我说我回去做,做好发你。 你说你提倡工作效率,不鼓励回家做。 我瘪了瘪嘴。 我熬...
    韩范女主阅读 148评论 2 2
  • 2018年5月3日观功念恩+善行点滴: 一、对于儿子来说最开心的事情就是我能够陪他走路上幼儿园,牵着儿子的手一路从...
    园桃阅读 642评论 0 0
  • 通过简单的几个字,我发现自己其实是很依赖自己的父亲的,我自己的小家庭的模式和我的原生家庭是一样的,我是我父亲的复制...
    星子_d4a7阅读 287评论 0 0
  • 它是我童年的玩伴,它陪伴了我整个春夏秋冬,它就是我最想记住的朋友。它对于我来说,是宝贵的回忆,是一生的惦记。 我总...
    咿源泉物语阅读 340评论 0 1