js让一行页脚保持在底部

<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>

www.jb51.net 脚本之家

*{ margin:0; padding:0}
#info{background:#33CCFF}
#bottom{background:#FFCC00;width:100%;}

2
2
2

2
2
2
2
2
2
2
2

2
2
2
2
2

2
2
2
2
2

2
2
2
2
2

2
20000
bottom