移动端键盘键盘抬起问题布局出现问题

关于移动端手机键盘抬起布局会被挤压上来,解决两个小方法:

<script type="text/javascript">
方法一:
$(function() { //输入框聚焦隐藏挤压内容,失去焦点显示挤压内容
    /*$('input').focus(function(){
	$('.ico_list').hide();
    })
    $("input").blur(function(){
        $('.ico_list').show();
});*/
方法二:
var winHeight = $(window).height();
$(window).resize(function() {
	var thisHeight = $(this).height();
	if(winHeight - thisHeight > 60) {
		//窗口发生改变(变大),然后键盘就抬起  
		//当软键盘弹出,在这里写需求  
	$('.ico_list').css({'display':'none'})

	} else {
	        //窗口发生改变(变小),然后键盘就收起  
		//当软键盘收起,在这里写需求  
	$('.ico_list').css({'display':'block'})
					}
        });
})
</script>

有简便方法希望大家分享 == 


猜你喜欢

转载自blog.csdn.net/tang242424/article/details/79724018