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

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

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

代码:java

var h = $(window).height();
    $(window).resize(function() {
    	if($(window).height()<h){
    		$('.zc-opr').css("display","none");
    	}else{
    		$('.zc-opr').css("display","block");
    	}
    });
相关文章
相关标签/搜索