码迷,mamicode.com
首页 > 移动开发 > 详细

CSS jquery实现Div底部固定,不随滚动条移动

时间:2015-02-25 14:14:00      阅读:192      评论:0      收藏:0      [点我收藏+]

标签:css jquery实现div底部固定   不随滚动条移动   

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>CSS jquery实现Div底部固定</TITLE>
<META http-equiv=Content-Type content="text/html; charset=GBK">
<STYLE type=text/css>
*{margin: 0;padding: 0;font:14px "微软雅黑";}
.fixed{RIGHT: 15px;BACKGROUND: lightgreen;LEFT: 15px;BOTTOM: 0;LINE-HEIGHT: 30px;POSITION: fixed;HEIGHT: 30px}
#iefixed{MARGIN: -1px 15px 0px;OVERFLOW: hidden;ZOOM: 1;HEIGHT: 1px}
</STYLE>
<!--[if lt IE 7]>
<style type="text/css">
.fixed {
position: absolute;
bottom: auto;
clear: both;
width: expression(document.getElementById(‘iefixed‘).clientWidth);
left: expression(document.getElementById(‘iefixed‘).offsetLeft);
top: expression(eval(document.compatMode && document.compatMode==‘CSS1Compat‘) ? documentElement.scrollTop +


(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));}
</style>
<script type="text/javascript">
function _fixBackground() {
  var body = document.body;
  var BLANK_GIF;
  if (body.currentStyle.backgroundAttachment != "fixed") {
    if (body.currentStyle.backgroundImage == "none") {
      body.runtimeStyle.backgroundImage = "url(" + BLANK_GIF + ")"; // dummy
      body.runtimeStyle.backgroundAttachment = "fixed";
    }
  }
}
window.onload = function() {
  _fixBackground();
}
</script>
<![endif]-->
</HEAD>
<BODY>
请看网页底部
<div><A href="http://www.999jiujiu.com/">http://www.999jiujiu.com/</A></div>
<!--[if lt IE 7]><div id="iefixed"></div><![endif]-->
<div style="width:960px;height:2000px;margin:0 auto"></div>
<DIV class=fixed>底部固定显示内容</DIV>
</BODY>
</HTML>

CSS jquery实现Div底部固定,不随滚动条移动

标签:css jquery实现div底部固定   不随滚动条移动   

原文地址:http://blog.csdn.net/life66881/article/details/43936781

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!