作家
登录

js让一行页脚保持在底部

作者: 来源:www.28hudong.com 2013-03-30 03:07:39 阅读 我要评论

测了一下,还可以,在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 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  推荐阅读

  js批量上传界面的实现

1.下载插件快速上传。 2.用HTML上传控件有限制的上传。 我下面用javascript脚本来实现2的功能。 1.动态的增加上传控件。 2.动态的删除上传控件。 3.限制用户在上传控件中乱输入路径。 locale photo >>>详细阅读


本文标题:js让一行页脚保持在底部

地址:http://www.17bianji.com/kaifa2/JS/29764.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)