管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

js让一行页脚保持在底部

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

复制代码代码如下:

　　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>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>www.glzy8.com 管理资源吧</title> 
<style> 
*{ margin:0; padding:0} 
#info{background:#33CCFF} 
#bottom{background:#FFCC00;width:100%;} 
</style> 
</head> 
<body> 
<div id="info">

2
2
2

2
2
2
2
2
2
2
2

2
2
2
2
2

2
20000</div> 
<div id="bottom">bottom</div>

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

教程首页更多教程