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>

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


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();


[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]