在微信ios键盘收起页面出现空白

h5页面的input select  textarea页面调用软键盘收起后,由于软键盘被顶起关闭后不会往下移,导致页面下面出现一大块空白。

网上查了资料说:微信6.7.4版本会出现这个问题,微信6.7.3不会出现这个问题

但是我用朋友和自己的手机测试之后,发现苹果6及以下的微信是没有这个问题出现的,7及以上会有这个问题,我们的微信版本都是7.02。


解决办法:

监听input select textarea等失去焦点后,让页面的scrollTop为0

$('textarea').on('blur',function(){

    setTimeout(function(){

                window.scrollTo(0, 0)

},100) })

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

推荐阅读更多精彩内容

  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些阅读 2,053评论 0 2
  • 给提问的开发者的建议:提问之前先查询 文档、通过社区右上角搜索搜索已经存在的问题。 写一个简明扼要的标题,并且...
    极乐叔阅读 13,763评论 0 3
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,736评论 1 45
  • 前端开发面试题 <a name='preface'>前言</a> 只看问题点这里 看全部问题和答案点这里 本文由我...
    自you是敏感词阅读 786评论 0 3
  • 秋天到了,一阵风吹过,路边的树便落下了第一片叶子。它仿佛是秋姑娘的信使,告诉人们,秋天来到了。 是的,秋姑娘来了,...
    卢乐轩阅读 2,484评论 0 0