大家好,
上周遇到一个很难搞的问题,就是
需求:让图片置底的问题,如果手机面屏则在下滑道最后时才显示图片!手机不满屏则显示在最下端
纠结的很久终于可以实现效果了,分享一下!
JS脚本
var m=0;
function updfooter(){
var a = window.innerHeight;
var b = document.body.clientHeight;
m= a - b + m - 5;
if(m<0){
m=0;
}
$("footer").css("margin-top", m+"px");
}
var t=setInterval("updfooter()",500);
window.οnresize=function(){ updfooter(); };
window.οnlοad=function(){
clearInterval(t);
updfooter();
};
jsp页面
<body>
<div class="container">
<ul class="doc_tabs">
<li id="jiaoFeiLi" class="current"><a href="javascript:void(0);" οnclick="jiaofei(1)" name="#tab1" class="doc_tab">缴费记录</a></li>
<li id="tuiKuanLi"><a href="javascript:void(0);" οnclick="tuikuan(0)" name="#tab2" class="doc_tab" >退款记录</a></li>
</ul>
<div id="div1" class="per_order_wrap">
</div>
</div>
<footer><img src="<%=request.getContextPath()%>/images/hs/footer.jpg" alt=""></footer>
</body>