<!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>jquery博客实现底部固定类似人人校内似的</TITLE>
<meta name="keywords" content="底部固定,人人校内" >
<meta name="description" content="jQuery吧,Write Less, Do More,注重前端开发,web前端开发">
<META http-equiv=Content-Type content="text/html; charset=GBK">
<script src="datePicker/jquery.datepicker.js" type="text/javascript"></script>
<STYLE type=text/css>
*{margin:0;padding:0}
.fixed {/*RIGHT: 15px; BACKGROUND: #ccc; LEFT: 15px; BOTTOM: 0; LINE-HEIGHT: 30px; POSITION: fixed; HEIGHT: 30px*/
position:fixed; left:50%; width:938px; margin-left: -469px; bottom:0px; height:90px;border:1px solid #d1d1d1;background-color:#eeeeee;z-index:99;
}
#iefixed {
MARGIN: -1px 15px 0px; OVERFLOW: hidden; ZOOM: 1; HEIGHT: 1px
}
</STYLE>
<!--[if lt IE 7]>
<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>
<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>
<![endif]-->
</HEAD>
<BODY>
<div style="margin:0 auto;text-align:center"><script type="text/javascript"> /*DEMO728*90，创建于2012-5-15*/var cpro_id = 'u897038';</script><script src="http://cpro.baidu.com/cpro/ui/c.js" type="text/javascript"></script></div>
<div style="margin:0 auto;text-align:center"><script type="text/javascript"> /*468*60，创建于2012-5-7*/var cpro_id = 'u883919';</script><script src="http://cpro.baidu.com/cpro/ui/c.js" type="text/javascript"></script></div>
<h1><a href="http://www.jqueryba.com/" target="_blank" title="jquery,jquery博客,jquery效果,前端开发,web前端,web前端开发,设计,前端资源,html+CSS,JavaScript,html5,css3,浏览器兼容">jQuery吧</a></h1>
<h2><a href="http://www.jqueryba.com/396.html" target="_blank">jquery博客实现底部固定类似人人校内似的</a></h2>
<!--[if lt IE 7]><div id="iefixed"></div><![endif]-->
<div style="width:960px;height:2000px;margin:0 auto"></div>
<DIV class=fixed>这里是position:fixed部分.我又不动啦
</DIV>
<div style="width:100%;height:600px;margin:0 auto"></div>
<script type="text/javascript"> /*DEOM120*270，创建于2012-5-12*/var cpro_id = 'u893319';</script><script src="http://cpro.baidu.com/cpro/ui/f.js" type="text/javascript"></script>
<script type="text/javascript">
/*DEMO728*15，创建于2012-5-15*/var cpro_id = 'u897027';</script><script src="http://cpro.baidu.com/cpro/ui/c.js" type="text/javascript"></script>
</BODY>
</HTML>
分享到：
相关推荐
JS实现的始终固定在页面底部的菜单 JS实现的始终固定在页面底部的菜单 JS实现的始终固定在页面底部的菜单
纯div css实现固定在网站底部的在线客服代码实现起来真的很简单 关键代码是 style.css内的 position:fixed; 固定位置 left:0px; 你可以换成right 或者top 位置是不是又变化了呢 bottom:0px; 可以换成top 或者...
当某一div块区域，设定了固定高度，和overfloat滚动后，要进行滚动到区域底部后的加载或其他操作时，需要知道何时到达底部，此代码解决了这个问题
用css实现div固定在屏幕底部,不随垂直滚动条接动而闪动,很好的实现在ie下的浮动效果,IE6 position:fixed
非常简单的纯div+css+js实现固定在网站底部在线客服代码，不随页面滚动一直固定在网页底部的QQ客服代码。
复制代码代码如下:#totop{position:fixed;right:10px;bottom:10px;width:100px;height:100px;}
那么如何将Web页面的“footer”部分永远固定在页面的底部呢？先来看下下面的代码吧 这是第一种方案，后面还有几种 HTML代码 复制代码代码如下: <div class=”container”> <div class=”header”>这是头部</div> ...
控制DIV永远固定在页面底部的方法有很多，基本上都是通过css或js来实现的，本节也实现了一个这样的效果，大家可以学习下
有个需求，要在显示聊天框时，固定框的大小为300px高度，宽度50px左右，然后当聊天内容超出宽度或者高度时...实现div滚动条默认最底部以及默认最右边</title> [removed][removed] <script type="text/javascr
是关于实现css固定div层在页面顶部,css固定div层在页面底部的代码，兼容IE6，有时需要把一个元素固定在页面的某个部位，本文将详细介绍，需要了解的朋友可以参考下
本文主要介绍了flex布局实现上下固定中间滑动的布局方式，分享给大家，具体如下: 例如这样的一个页面，希望有个头图，有个底部的底栏，中部内容区域可滑动。 简单介绍一下如何实现 固定头部和尾部，中间部分可滑动...
css对文字的布局上没有靠容器...就是用position属性来解决，看下面的代码，用position的相对和绝对定位功能也轻松的实现了，文字靠近div低部对齐，并且靠近的距离还可以精确到像素，自己可以调节，是不是很不错呢?&l
渐变背景的的设定：通过定义body实现；动态在低端的白云：设定了body_foot1和body_foot1中的循环图片显示定义，以及div动态底端的设定，具体实现如下，感兴趣的朋友可以参考下哈
此前给大家推荐了一个纯css实现div容器内图片、文字上下居中的效果，缺点是采用了部分css3样式，兼容性较差，相关链接：纯css实现div容器内图片上下左右居中效果 今天特意在网上找到了一款插件--jquery.valign，可...
滚动条定位在底部，首先想到的是，动态修改滚动条到顶部的距离等于div的高度， 代码实现： var div = document.getElementById('data-list-content') div.scrollTop = div.scrollHeight 但是问题来了，滚动条并没有...
所谓 “Sticky Footer”，并不是什么新的前端概念和技术，它指的就是一种网页效果：如果页面内容不足够长时，页脚固定在浏览器窗口的底部；如果内容足够长时，页脚固定在页面的最底部。但如果网页内容不够长，置底的...
这个方法使用了一个 position:absolute，有固定宽度和高度的 div。这个 div 被设置为 top:0; bottom:0; 。但是因为它有固定高度，其实并不能和上下都间距为 0，因此 margin:auto; 会使它居中。使用 **margin:auto;**...
所谓 “Sticky Footer”，并不是什么新的前端概念和技术，它指的就是一种网页效果： 如果页面内容不足够长时，页脚固定在浏览器窗口的底部；如果内容足够长时，页脚固定在页面的最底部。但如果网页内容不够长，置底...