您现在的位置: 网页吧 > 技术文档 > 网页设计 > HTMLCSS > 正文
  • 站内搜索:

Div+CSS实例:让页脚保持在未满屏页面的底部

[作者:佚名 | 点击数: | 时间:2008-7-18]【
 Div+CSS实例:让页脚保持在未满屏页面的底部

  在内容不超过一屏的情况下,当浏览器窗口变小那行页脚文字会跟着向上浮动但还是保持在底部。

  当内容多出一屏时,他显示在网页的最下边,而不是窗口的最下边;测试了一下,还可以,在IE6、IE7、FF等都没有问题!窗口缩小时也没有问题!

  首先是JS脚本:

  Example Source Code
  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();

Div+CSS实例:让页脚保持在未满屏页面的底部相关文章
没有相关技术文章
Div+CSS实例:让页脚保持在未满屏页面的底部网友评论
发表评论
  • 姓 名 :* (必填项)
  • E-mail: QQ:
  • 评 分 : 1分 2分 3分 4分 5分
  • 评论内容:
·请遵守《互联网电子公告服务管理规定》及中华人民共和国其他各项有关法律法规。
·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任。
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据。
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为。
网页吧·中国站长第一门户