js让一行页脚保持在底部

206 阅读 0 评论 136 点赞

我是靠谱客的博主朴素篮球，最近开发中收集的这篇文章主要介绍js让一行页脚保持在底部，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

测了一下，还可以，在IE6、IE7、FIREOFX等都没有问题！窗口缩小时也没有问题！

复制代码代码如下:

<script language="JavaScript" type="text/javascript"> 
function test(){ 
 var infoHeight = document.getElementById("info").scrollHeight; 
 var bottomHeight = document.getElementById("bottom").scrollHeight; 
 var allHeight = document.documentElement.clientHeight; 

 var bottom = document.getElementById("bottom"); 
 if((infoHeight + bottomHeight) < allHeight){ 
  bottom.style.position = "absolute"; 
  bottom.style.bottom = "0"; 
 }else{ 
  bottom.style.position = ""; 
  bottom.style.bottom = ""; 
 }  

 setTimeout(function(){test();},10); 
} 
test(); 
</script>