js解决软键盘遮挡输入框的问题分享

经验须知

澄海网站建设公司成都创新互联公司,澄海网站设计制作,有大型网站制作公司丰富经验。已为澄海成百上千家提供企业网站建设服务。企业网站搭建\成都外贸网站制作要多少钱,请找那个售后服务好的澄海做网站的公司定做!

弹出软键盘时:

ios端$(‘body').scrollTop()会改变

android端$(window).height()会改变

拉起键盘不是一瞬间,而是有一个缓动过程

问题重现

ios端,经常会出现输入法遮挡输入框的问题(特别是那种有一个白色顶部的输入法,如:百度输入法),如图:

js解决软键盘遮挡输入框的问题分享

问题解决

我们只需要在输入框聚焦之后,开启一个定时器,执行$(‘body').scrollTop(1000000),这样由于整个body滚动到了最下面,输入框自然就看见了,具体请查看以下示例

示例源码

 
 
 
   
   
   
  demo 
  
   
 

  

以上这篇js解决软键盘遮挡输入框的问题分享就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持创新互联。


新闻标题:js解决软键盘遮挡输入框的问题分享
链接地址:http://scyanting.com/article/jepgjs.html