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