js让一行页脚保持在底部

2024-05-06 14:18:15

字体：大中小

来源：转载

供稿：网友

测了一下，还可以，在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>

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

上一篇：在CSS里写复杂的JavaScript脚本

下一篇：大家未必知道的Js技巧收藏