关于移动端手机键盘抬起布局会被挤压上来,解决两个小方法:
<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>
有简便方法希望大家分享 ==