手机横屏下，输入框输入时被系统键盘遮挡处理方法

最新推荐文章于 2024-07-05 16:37:11 发布

cmm113

最新推荐文章于 2024-07-05 16:37:11 发布

阅读量3.4k

点赞数

分类专栏： HTMl css Javascript 文章标签： input 输入框被遮挡

HTMl 同时被 3 个专栏收录

16 篇文章 0 订阅

订阅专栏

css

10 篇文章 0 订阅

订阅专栏

Javascript

6 篇文章 0 订阅

订阅专栏

 
 $( 
 'input' 
 ).bind( 
 'click' 
 , 
 function 
 (e){ 
 
 var  
 $ 
 this  
 = $( 
 this 
 ); 
 
 e.preventDefault(); 
 
 setTimeout( 
 function 
 (){ 
 
 $(window).scrollTop($ 
 this 
 .offset().top - 10); 
 
 },200) 
 
 }) 

     开始输入后：
 
     开始输入后：
 
   里面用的setimeout原因是在安卓下，虚拟键盘的弹出有一点延迟，如果一开始就滚动，虚拟键盘还没弹出，url输入条还没收起，减10是为了不用太贴。灵感来自m.baidu.com页面，百度的输入框就是做了这种处理。
 
 原文来自：http://www.w3cmark.com/2015/412.html