51可用代码模板网站

咨询热线:

181-1164-6936
  • 1
CSS样式
当前位置:首页>实用代码>CSS样式>

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

时间:2017-08-17 11:12点击:
<!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=utf-8">
<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.51kydm.com/">http://www.51kydm.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> 
51可用模板(代码)网站专为广大站长朋友提供精品模板与代码,同时免费提供网站收录。
本站域名: WWW.51KYDM.COM    联系方式:QQ:182468923    手机:18111646936
本站关键词:网站链接收录网址收录入口网站免费提交收录网站收录提交入口    网站地图
51可用模板
展开