js让一行页脚保持在底部_javascript技巧

来源：动视网责编：小采时间：2020-11-27 20:39:04

js让一行页脚保持在底部_javascript技巧

js让一行页脚保持在底部_javascript技巧:测了一下，还可以，在IE6、IE7、FIREOFX等都没有问题！窗口缩小时也没有问题！代码如下: function test(){ var infoHeight = document.getElementById(info).scrollHeight; var bottomHeight = document.g

推荐度：

点击下载本文 文档为doc格式

导读js让一行页脚保持在底部_javascript技巧:测了一下，还可以，在IE6、IE7、FIREOFX等都没有问题！窗口缩小时也没有问题！代码如下: function test(){ var infoHeight = document.getElementById(info).scrollHeight; var bottomHeight = document.g

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

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>www.gxlcms.com 脚本之家</title> <style> *{ margin:0; padding:0} #info{background:#33CCFF} #bottom{background:#FFCC00;width:100%;} </style> </head> <body> 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(); </ script> </body> </html>
[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

js让一行页脚保持在底部_javascript技巧

推荐度：

点击下载本文 文档为doc格式

标签： js 底部 javascript

热门焦点

js让一行页脚保持在底部_javascript技巧

js让一行页脚保持在底部_javascript技巧

js让一行页脚保持在底部_javascript技巧

最新推荐

猜你喜欢

热门推荐