欢迎来到福编程网,本站提供各种互联网专业知识!

js让一行页脚保持在底部

发布时间:2008-04-11 作者: 来源:转载
所谓保持在底部就是:在内容不超过一屏的情况下,当浏览器窗口变小那行页脚文字会跟着向上浮动但还是保持在底部。当内容多出一屏时,他显示在网页的最下边,而不是窗口的最下边;
测了一下,还可以,在IE6、IE7、FIREOFX等都没有问题!窗口缩小时也没有问题!

复制代码 代码如下:

functiontest(){
varinfoHeight=document.getElementById("info").scrollHeight;
varbottomHeight=document.getElementById("bottom").scrollHeight;
varallHeight=document.documentElement.clientHeight;

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

setTimeout(function(){test();},10);
}
test();


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

相关推荐