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

$( '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

你可能感兴趣的:(Javascript,HTMl,css)