美文网首页
在微信ios键盘收起页面出现空白

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

作者: 凉水面 | 来源:发表于2019-01-16 11:59 被阅读0次

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) })

相关文章

网友评论

      本文标题:在微信ios键盘收起页面出现空白

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