html5安卓软键盘弹出挤压屏幕空间使定位元素上移的问题

点击输入框,弹出软键盘时,安卓机下小键盘会侵占屏幕空间,使内容上移导致内容错位,解决办法可通过监听页面resize事件,因为安卓下键盘弹出会导致页面resize。

如:注册页面底部需要定位一个文字链接“立即登录”,软键盘弹出时,文字链会上移,与上面的内容重叠,可监听resize事件,当屏幕变小时,表明软键盘弹出,此时隐藏文字链,否则,显示文字链

代码:

    var h = $(window).height();
    $(window).resize(function() {
    	if($(window).height()<h){
    		$('.zc-opr').css("display","none");
    	}else{
    		$('.zc-opr').css("display","block");
    	}
    });

猜你喜欢

转载自my.oschina.net/u/879103/blog/756409