当页面内容不够的时候,如何让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>

 

 






免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM