HTML5手机界面 输入法把footer顶上去了

[你教我啊～]

只要点击input框弹出输入法 footer就会被顶上去，出现在输入法的上方，如何解决，急急急，在线等，用padding-bottom能解决但是不能自适应 不同手机的高度

[业余草]

<style type="text/css">
	.comFooter{
			position: absolute;  bottom: 0; left:0; height: 40px; width: 100%;
	}
</style>

<div data-role="footer" data-theme="b" class="comFooter">
	<span style="height: 40px; line-height: 40px; text-align: center; display: block; font-size: 9px;">这是页脚</span>
</div>

[famingyuan]

我猜你应该输入框获取或者失去焦点时，或者说是输入法显示或者消失时）动态改变应该是fixed还是absolute (在楼上所说的基础上)

[遥此比拟]

postion:static

[呱呱么]

我也发现这个问题了，怎么解决啊

[刚好遇見伱]

var oHeight = $(document).height(); //浏览器当前的高度
  
   $(window).resize(function(){

        if($(document).height() < oHeight){
		
		$("#footer").css("position","static");
	}else{
		
		$("#footer").css("position","absolute");
	}
   	
   });

[qq_28884181]

你这能对吗，要的就是定位在底部，你直接给人干掉定位了，干脆一开始就不用定位了，岂不是更省事 ，真不知道你是怎么想的

[willis_326]

我找到完美的解决方法了，多谢5楼的启发。后面写个博文贴出来。

[deepthan]

楼主能加我qq吗？想跟你咨询点html5的事情。1296936373，谢谢了。

[业余草]

www.codedq.net

[willis_326]

引用 7 楼 stormwy 的回复:

我找到完美的解决方法了，多谢5楼的启发。后面写个博文贴出来。

说错了，我的场景跟楼主的场景不是一致的，没有参考价值。

[业余草]

还没结贴？？？

[业余草]

[changhui4512]

楼主找到方法了吗，同求

[GustavoLi]

var src_h=document.documentElement.clientHeight; $(".footer").css({"position":"absolute","top":scr_h-40+"px","left":"0","height":"40px"}) $("body").height(src_h+"px") 直接用absolute,但是body的高度要固定成手机屏幕高度body里面的内容让他超出滚动，我认为这是一种方法，但是感觉有点low

[前端-珊珊]

$(function(){ $('body').height($('body')[0].clientHeight); }) 试试这个