CSS jquery实现Div底部固定,不随滚动条移动
浏览数：22 /
时间：2015年06月11日
<!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>
<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>
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
