当页面内容不够的时候，如何让footer一直固定底部显示

<script type="text/javascript">

// 处理页面高度过矮时底部出现空白问题

window.onload = function(){

//待页面所有图片加载完毕后再执行

jQuery(".footer").css({'display':'block'});

if (document.body.clientHeight < window.innerHeight){

jQuery(".footer").css({'position':'fixed','bottom':'0','width':'100%'});

}

controllFooter();

};

function controllFooter(){

if ($(window).height() < $(document).height()){

$(".footer").css('position','static');

}else{

$(".footer").css({'position':'fixed','bottom':'0px'});

}

}

</script>

 

 

来自为知笔记(Wiz)